*,:before,:after{box-sizing:border-box}body{margin:0}#root{flex:1;min-height:0;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{height:100%;margin:0}body{box-sizing:border-box;background:#0a0a0a;height:100svh;padding:9px;display:flex}.page{background:radial-gradient(ellipse at 65% 35%, transparent 20%, #0000004d 100%), linear-gradient(#0000009e, #0000009e), var(--hero) center / cover no-repeat;border:1px solid #ffffff1f;border-radius:20px;flex:1;grid-template-rows:auto 1fr auto;padding:32px 44px 28px;display:grid;position:relative;overflow:hidden}.top-bar{justify-content:flex-start;align-items:center;padding-bottom:4px;display:flex}.brand{align-items:center;gap:11px;display:flex}.app-icon{border-radius:10px;width:40px;height:40px;display:block}.wordmark{color:#ffffffe0;letter-spacing:-.2px;font-size:15.5px;font-weight:600}.middle{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.headline{flex-direction:column;gap:20px;display:flex}h1{letter-spacing:-.045em;color:#fff;font-size:clamp(42px,5.6vw,76px);font-weight:760;line-height:1.03}.sub{color:#ffffff75;max-width:310px;font-size:clamp(13.5px,1.1vw,15.5px);line-height:1.72}.shortcut{align-items:center;gap:6px;display:inline-flex}kbd{color:#ffffffb8;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;align-items:center;padding:3px 10px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.plus{color:#ffffff42;font-size:13px}.shortcut-label{color:#ffffff42;margin-left:4px;font-size:12px}.models{align-items:center;gap:8px;margin-top:2px;display:inline-flex}.models-label{letter-spacing:.04em;text-transform:uppercase;color:#ffffff47;margin-right:2px;font-size:11px}.model-pill{border:1px solid #0000;border-radius:50px;padding:4px 11px;font-size:11.5px;font-weight:560}.model-pill--parakeet{color:#76d1b3f2;background:#76d1b31f;border-color:#76d1b338}.model-pill--whisper{color:#9ea8fff2;background:#9ea8ff1f;border-color:#9ea8ff38}.chip-demo{-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:240px;padding:36px 32px;display:flex}.chip-demo-label{color:#ffffff4d;letter-spacing:.03em;text-transform:uppercase;height:16px;font-size:11.5px}.chip-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212e0;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:12px;min-width:240px;max-width:300px;padding:12px 20px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 8px 32px #00000080}.chip-window--active{border-color:#fff3;box-shadow:0 8px 40px #0009,0 0 0 1px #ffffff0f}.chip-waveform{flex-shrink:0;align-items:center;gap:2px;height:20px;display:flex}.bar{width:3px;height:var(--h);background:#ffffff8c;border-radius:2px;transition:height .1s;display:block}.bar--animate{animation:.7s ease-in-out infinite alternate pulse;animation-delay:calc(var(--i) * 60ms)}@keyframes pulse{0%{opacity:.4;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1.5)}}.chip-content{flex:1;min-width:0;font-size:13.5px;line-height:1.5}.chip-hint{color:#ffffff59;font-size:12.5px}.chip-hint kbd{color:#ffffff80;padding:1px 6px;font-size:11px}.chip-status{color:#ffffffbf;align-items:center;gap:4px;font-size:13px;display:flex}.chip-status--dim{color:#fff6}.dots{gap:3px;margin-left:2px;display:inline-flex}.dots span{background:#fff9;border-radius:50%;width:3px;height:3px;animation:1s ease-in-out infinite dot-bounce;display:block}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.chip-typed{color:#fff;font-size:13.5px}.cursor{vertical-align:text-bottom;background:#ffffffb3;border-radius:1px;width:1.5px;height:14px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chip-hold-btn{color:#ffffff73;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50px;padding:8px 20px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s,color .15s}.chip-hold-btn:hover{color:#ffffffb3;background:#ffffff1c}.chip-hold-btn:active{color:#ffffffe6;background:#ffffff26}.bottom-bar{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.bottom-features{align-items:center;gap:0;display:flex}.bfeat{align-items:center;gap:10px;padding:0 20px;display:flex}.bfeat:first-child{padding-left:0}.bfeat-icon{color:#ffffff80;background:#ffffff12;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.bfeat div{flex-direction:column;gap:2px;display:flex}.bfeat strong{color:#ffffffd1;letter-spacing:-.01em;white-space:nowrap;font-size:12.5px;font-weight:560}.bfeat p{color:#ffffff52;white-space:nowrap;font-size:11px}.bfeat-divider{background:#ffffff14;flex-shrink:0;width:1px;height:28px}.bottom-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.compat{color:#fff3;letter-spacing:.01em;font-size:11px}.download-btn{color:#0a0a0a;letter-spacing:-.02em;white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:13.5px;font-weight:620;text-decoration:none;transition:opacity .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 24px #0006}.download-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 8px 32px #00000080}.download-btn:active{opacity:.86;transform:translateY(0)}.download-btn--soon{color:#ffffff61;box-shadow:none;cursor:default;pointer-events:none;background:#ffffff0f;border:1px solid #ffffff1a}.download-btn--unsupported{color:#ffc33cbf;box-shadow:none;cursor:default;pointer-events:none;background:#ffaa0014;border:1px solid #ffaa002e}.compat--warn{color:#ffc33c8c}@media (width<=720px){.page{padding:24px 24px 20px}.middle{grid-template-columns:1fr;gap:24px}h1{font-size:36px}.bottom-features{display:none}.bottom-bar{justify-content:flex-end}}
