@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--bg:#F7F4FF;--bg-card:#fff;--bg-surface:#FBF9FF;--purple-50:#F4F0FF;--purple-100:#E9E0FF;--purple-200:#D4C4FF;--purple-300:#B99BFF;--accent:#7040E8;--accent-mid:#936CF3;--accent-soft:rgba(112,64,232,.09);--accent-glow:rgba(112,64,232,.16);--text:#151022;--text-2:#33274D;--text-3:#655A78;--text-4:#796D8B;--border:rgba(91,61,147,.14);--border-mid:rgba(112,64,232,.25);--border-hi:rgba(112,64,232,.42);--ok:#168454;--ok-bg:rgba(25,169,103,.08);--ok-border:rgba(25,169,103,.24);--err:#C9344D;--err-bg:rgba(201,52,77,.07);--shadow-sm:0 1px 3px rgba(43,24,80,.05),0 1px 2px rgba(43,24,80,.03);--shadow-md:0 8px 24px rgba(50,26,94,.07);--shadow-lg:0 18px 52px rgba(50,26,94,.09);--r-sm:10px;--r-md:15px;--r-lg:22px;--r-xl:28px;--pill:999px;--font-d:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-u:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--t:180ms ease;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:400 15px/1.6 var(--font-u);min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 0%,rgba(190,165,255,.16),transparent 36%),radial-gradient(ellipse at 0% 44%,rgba(221,211,255,.17),transparent 32%)}a{color:var(--accent);text-decoration:none;transition:opacity var(--t)}a:hover{opacity:.82}button,input{font:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.48}svg{display:block}.page{position:relative;z-index:1;width:min(1180px,calc(100% - 56px));margin:0 auto;padding:0 0 84px}.hero{text-align:center;padding:58px 0 30px}.hero__pill{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;background:rgba(255,255,255,.76);border:1px solid var(--border-mid);border-radius:var(--pill);font-size:11px;font-weight:700;letter-spacing:.085em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.hero__pill-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(112,64,232,.10)}.hero__title{font:800 clamp(40px,5.7vw,65px)/1.05 var(--font-d);letter-spacing:-.04em;color:var(--text);margin:0 0 16px}.hero__title span{color:var(--accent)}.hero__sub{font-size:clamp(16px,1.6vw,18px);color:var(--text-3);max-width:640px;margin:0 auto 22px;line-height:1.72}.hero__badges{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:5px 11px;border-radius:var(--pill);font-size:11px;font-weight:650;letter-spacing:.015em}.badge--outline{border:1px solid var(--border);color:var(--text-3);background:rgba(255,255,255,.72)}.badge--ok{border:1px solid var(--ok-border);background:var(--ok-bg);color:var(--ok)}.status-wrap{display:flex;justify-content:center;margin:0 0 22px}.status-pill{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:238px;padding:12px 22px;border:1px solid var(--border);border-radius:var(--pill);background:rgba(255,255,255,.9);color:var(--text-2);font-size:14px;font-weight:750;letter-spacing:0;box-shadow:0 4px 14px rgba(43,24,80,.055);transition:background var(--t),border-color var(--t),color var(--t)}.status-pill__bar{position:absolute;z-index:0;inset:0 auto 0 0;display:block;width:0;opacity:.15;background:linear-gradient(100deg,#BCA4FF,#8B66F0 55%,#BBA4FF);transition:width .42s cubic-bezier(.2,.7,.2,1),background var(--t);pointer-events:none}.status-pill__bar::after{content:"";position:absolute;inset:0 auto 0 -35%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:pillShimmer 1.8s ease-in-out infinite}.status-pill__inner{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.status-dot{height:9px;width:9px;flex-shrink:0;border-radius:50%;background:#A49AB7}.status-pill[data-s="loading"]{border-color:rgba(112,64,232,.35);color:#5529BF;background:#FDFCFF}.status-pill[data-s="loading"] .status-dot{background:var(--accent);animation:statusPulse 1.3s ease-in-out infinite}.status-pill[data-s="ready"]{border-color:rgba(22,132,84,.34);background:#EAF8F0;color:#116943;box-shadow:0 4px 14px rgba(22,132,84,.09)}.status-pill[data-s="ready"] .status-dot{background:#168454;box-shadow:0 0 0 4px rgba(22,132,84,.10)}.status-pill[data-s="ready"] .status-pill__bar{background:linear-gradient(90deg,#A2E8BC,#56C987);opacity:.32}.status-pill[data-s="ready"] .status-pill__bar::after{display:none}.status-pill[data-s="error"]{border-color:rgba(201,52,77,.28);background:var(--err-bg);color:var(--err)}.status-pill[data-s="error"] .status-dot{background:var(--err)}.status-pill[data-s="error"] .status-pill__bar{display:none}@keyframes statusPulse{50%{opacity:.45;transform:scale(.82)}}@keyframes pillShimmer{0%{transform:translateX(-20%);opacity:0}25%{opacity:.8}100%{transform:translateX(440%);opacity:0}}.studio-card{border:1px solid var(--border);border-radius:var(--r-xl);background:rgba(255,255,255,.94);box-shadow:var(--shadow-lg);overflow:hidden}.studio-grid{display:grid;grid-template-columns:minmax(330px,.83fr) minmax(0,1.17fr);align-items:stretch}.source-panel{padding:30px;border-right:1px solid var(--border);background:linear-gradient(155deg,rgba(244,240,255,.76),rgba(255,255,255,.98) 63%)}.output-panel{min-width:0;padding:30px;display:flex;flex-direction:column}.panel-kicker{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.11em;color:var(--text-4);text-transform:uppercase;margin-bottom:11px}.panel-kicker__number{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid var(--border-mid);border-radius:8px;background:var(--accent-soft);color:var(--accent);font:800 10px var(--font-u);letter-spacing:0}.panel-title{font:800 clamp(21px,2.3vw,27px)/1.15 var(--font-d);letter-spacing:-.035em;color:var(--text);margin-bottom:8px}.panel-sub{font-size:14px;line-height:1.72;color:var(--text-3);margin-bottom:21px}.mic-stage{position:relative;min-height:232px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(112,64,232,.12);border-radius:var(--r-lg);background:radial-gradient(ellipse at 50% 4%,rgba(190,165,255,.25),transparent 55%),linear-gradient(155deg,#F2EBFF,#FBF9FF 72%);padding:20px 16px 18px;overflow:hidden;transition:border-color var(--t),background var(--t)}.mic-stage.is-recording{border-color:rgba(201,52,77,.26);background:linear-gradient(155deg,#FFF0F2,#FFFAFB 75%)}.waveform{height:38px;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:10px}.waveform__bar{width:4px;height:11px;border-radius:5px;background:var(--accent);opacity:.42;transform-origin:center;transition:opacity var(--t)}.waveform__bar:nth-child(2),.waveform__bar:nth-child(5){height:19px}.waveform__bar:nth-child(3),.waveform__bar:nth-child(4){height:29px}.waveform--active .waveform__bar{opacity:.92;animation:wave 850ms ease-in-out infinite}.waveform--active .waveform__bar:nth-child(2){animation-delay:100ms}.waveform--active .waveform__bar:nth-child(3){animation-delay:210ms}.waveform--active .waveform__bar:nth-child(4){animation-delay:320ms}.waveform--active .waveform__bar:nth-child(5){animation-delay:170ms}.waveform--active .waveform__bar:nth-child(6){animation-delay:260ms}@keyframes wave{50%{transform:scaleY(.34)}}.mic-btn{display:flex;align-items:center;justify-content:center;position:relative;width:76px;height:76px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#8558F2,#6333D4);box-shadow:0 9px 22px rgba(112,64,232,.27),inset 0 1px 0 rgba(255,255,255,.25);transition:transform var(--t),box-shadow var(--t),background var(--t);outline-offset:5px}.mic-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 26px rgba(112,64,232,.33)}.mic-btn svg{width:29px;height:29px}.stop-svg{display:none}.mic-btn.is-recording{background:linear-gradient(145deg,#E34E66,#BB2744);box-shadow:0 9px 22px rgba(201,52,77,.24)}.mic-btn.is-recording .mic-svg{display:none}.mic-btn.is-recording .stop-svg{display:block}.mic-btn.is-recording::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(201,52,77,.27);border-radius:50%;animation:micRing 1.5s ease-out infinite}@keyframes micRing{0%{transform:scale(.91);opacity:.7}100%{transform:scale(1.22);opacity:0}}.mic-label{font-size:12px;font-weight:650;color:var(--text-2);text-align:center;line-height:1.5;margin-top:14px}.recording-limit{font-size:10.5px;color:var(--text-4);margin-top:4px}.recording-limit strong{font-weight:750;color:var(--text-3)}.source-divider{display:flex;align-items:center;gap:12px;color:var(--text-4);font-size:9.5px;font-weight:800;letter-spacing:.11em;margin:21px 0 12px}.source-divider::before,.source-divider::after{content:"";height:1px;flex:1;background:var(--border)}.drop-zone{display:flex;align-items:center;gap:12px;min-height:78px;border:1px dashed rgba(112,64,232,.30);border-radius:var(--r-md);padding:13px;background:rgba(255,255,255,.8);cursor:pointer;transition:border-color var(--t),background var(--t),transform var(--t)}.drop-zone:hover,.drop-zone.drag-active{border-color:var(--accent);background:#F7F2FF;transform:translateY(-1px)}.drop-zone.is-disabled{opacity:.55;pointer-events:none}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop-zone__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.drop-zone__icon svg{width:21px;height:21px}.drop-zone__copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.drop-zone__copy strong{color:var(--text-2);font-size:12px;font-weight:750}.drop-zone__copy span{font-size:10.5px;color:var(--text-3);line-height:1.4}.drop-zone__browse{flex:0 0 auto;padding:7px 10px;border:1px solid var(--border-mid);border-radius:9px;background:#fff;color:var(--accent);font-size:10.5px;font-weight:750}.studio-hint{font-size:12px;line-height:1.65;color:var(--text-4);margin-top:12px}.output-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.output-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 9px;border:1px solid var(--border);border-radius:var(--pill);color:var(--text-3);font-size:10px;font-weight:700;background:#fff}.output-badge span{width:6px;height:6px;border-radius:50%;background:#24A06B}.output-sub{margin-bottom:17px}.progress-panel{margin:0 0 16px;padding:15px;border-radius:var(--r-md);border:1px solid var(--border-mid);background:#FCFAFF}.progress-panel[hidden]{display:none}.progress-panel.is-error{border-color:rgba(201,52,77,.26);background:#FFFAFB}.progress-panel__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.progress-panel__status{display:flex;align-items:center;gap:9px;color:var(--text-2);font-size:12px;font-weight:750}.progress-panel__meta{flex:0 0 auto;color:var(--text-3);font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums}.progress-spinner{width:14px;height:14px;border:2px solid rgba(112,64,232,.17);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.progress-spinner[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{height:7px;border-radius:var(--pill);overflow:hidden;background:#EBE4F9;position:relative}.progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#7441E8,#AB8CFF);transition:width .22s ease}.progress-panel.is-indeterminate .progress-track{background:#ECE5F9}.progress-panel.is-indeterminate .progress-fill{width:38%;background:linear-gradient(90deg,#6F3DDF,#B69DFF);animation:indeterminate 1.6s ease-in-out infinite}.progress-panel.is-error .progress-fill{background:var(--err)}@keyframes indeterminate{0%{transform:translateX(-112%)}50%{transform:translateX(95%)}100%{transform:translateX(280%)}}.progress-panel__note{margin-top:9px;font-size:10.5px;line-height:1.55;color:var(--text-3)}.progress-panel.is-error .progress-panel__status{color:var(--err)}.transcript-box{position:relative;flex:1;min-height:340px;border:1px solid var(--border);border-radius:var(--r-md);background:#FDFCFF;padding:20px;color:var(--text);font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;outline:none;transition:border-color var(--t),box-shadow var(--t);overflow:auto}.transcript-box:empty::before{content:attr(data-ph);color:#8C819F;font-style:normal;pointer-events:none}.transcript-box:focus-visible{border-color:var(--accent-mid);box-shadow:0 0 0 3px var(--accent-soft)}.transcript-box.has-text{background:#fff}.output-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px}.output-note{min-width:0;color:var(--text-4);font-size:10.5px;line-height:1.55}.transcript-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 11px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--text-3);font-size:10.5px;font-weight:750;box-shadow:var(--shadow-sm);transition:background var(--t),border-color var(--t),transform var(--t)}.btn svg{width:13px;height:13px;flex:0 0 auto}.btn:hover:not(:disabled){border-color:var(--border-mid);background:var(--purple-50);transform:translateY(-1px)}.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(112,64,232,.2)}.btn--accent:hover:not(:disabled){background:#5F2FD1;border-color:#5F2FD1;color:#fff}.model-note{grid-column:1/-1;display:flex;align-items:flex-start;gap:11px;border-top:1px solid var(--border);padding:16px 28px;background:rgba(250,248,255,.72);color:var(--text-3);font-size:10.5px;line-height:1.65}.model-note strong{color:var(--text-2);font-weight:750}.model-note__icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--accent)}.model-note__icon svg{width:16px;height:16px}.divider{height:1px;background:var(--border);margin:44px 0 34px}.section-title{font:800 clamp(23px,3vw,31px)/1.2 var(--font-d);letter-spacing:-.035em;margin-bottom:7px}.section-sub{max-width:760px;color:var(--text-3);font-size:15px;line-height:1.78;margin-bottom:22px}.usecase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.usecase-card{border:1px solid var(--border);border-radius:var(--r-lg);background:rgba(255,255,255,.88);padding:21px;box-shadow:var(--shadow-sm);transition:border-color var(--t),box-shadow var(--t),transform var(--t)}.usecase-card:hover{transform:translateY(-2px);border-color:var(--border-hi);box-shadow:var(--shadow-md)}.usecase-card__icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:11px;background:var(--accent-soft);border:1px solid var(--border-mid);color:var(--accent);margin-bottom:14px}.usecase-card__tag{display:inline-flex;padding:4px 8px;margin-bottom:9px;border-radius:var(--pill);background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.usecase-card__name{font:750 15px/1.35 var(--font-d);color:var(--text);margin-bottom:8px}.usecase-card__desc{color:var(--text-3);font-size:13px;line-height:1.75}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq-item{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color var(--t)}.faq-item.is-open{border-color:var(--border-mid)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;text-align:left;color:var(--text-2);font-size:12px;font-weight:750}.faq-q:hover,.faq-item.is-open .faq-q{color:var(--accent)}.faq-icon{display:flex;align-items:center;justify-content:center;width:21px;height:21px;flex:0 0 21px;border:1px solid var(--border-mid);border-radius:50%;color:var(--text-3);transition:transform var(--t),background var(--t)}.faq-item.is-open .faq-icon{transform:rotate(45deg);background:var(--accent-soft);color:var(--accent)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:13px;line-height:1.75;color:var(--text-3)}.faq-item.is-open .faq-a{max-height:220px}.faq-a-inner{padding:0 17px 16px}.content-section{max-width:1040px;margin:0 auto}.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 46px}.editorial-block h3{font-size:18px;line-height:1.35;letter-spacing:-.025em;font-weight:750;color:var(--text);margin:0 0 10px}.editorial-block p{font-size:15px;line-height:1.85;color:var(--text-3);margin:0 0 13px}.editorial-block p:last-child{margin-bottom:0}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px;counter-reset:steps;list-style:none}.steps-grid li{position:relative;padding:18px 0 0;border-top:2px solid var(--border-mid);counter-increment:steps}.steps-grid li::before{content:'0' counter(steps);display:block;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:11px}.steps-grid h3{font-size:16px;font-weight:750;line-height:1.4;color:var(--text);margin-bottom:7px}.steps-grid p{font-size:14px;line-height:1.8;color:var(--text-3)}@media(max-width:760px){.editorial-grid{grid-template-columns:1fr;gap:25px}.steps-grid{grid-template-columns:1fr;gap:18px}.steps-grid li{padding-top:14px}}@media(max-width:1050px){.studio-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)}.source-panel,.output-panel{padding:24px}.usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.output-footer{align-items:flex-start;flex-direction:column}.transcript-actions{justify-content:flex-start}}@media(max-width:760px){.page{width:min(100% - 32px,1180px);padding-bottom:64px}.hero{padding-top:42px}.studio-grid{grid-template-columns:1fr}.source-panel{border-right:0;border-bottom:1px solid var(--border)}.mic-stage{min-height:206px}.output-panel{min-height:450px}.transcript-box{min-height:280px}.model-note{padding:15px 20px}}@media(max-width:520px){.page{width:calc(100% - 24px)}.hero{padding:35px 0 24px}.hero__title{font-size:clamp(37px,11vw,49px)}.hero__sub{font-size:14px}.hero__badges{gap:6px}.badge{font-size:10px;padding:5px 9px}.source-panel,.output-panel{padding:18px}.panel-title{font-size:22px}.drop-zone{gap:9px;padding:10px}.drop-zone__browse{font-size:10px;padding:7px 8px}.drop-zone__copy strong{font-size:11px}.drop-zone__copy span{font-size:10px}.output-topline{gap:7px}.output-badge{font-size:9px;padding:5px 7px}.transcript-box{padding:15px;font-size:13px;min-height:255px}.output-footer{gap:10px}.transcript-actions{width:100%}.transcript-actions .btn{flex:1}.model-note{padding:14px 16px;font-size:10px}.divider{margin:35px 0 26px}.usecase-grid,.faq-grid{grid-template-columns:1fr}.usecase-card{padding:18px}.faq-q{padding:15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}