.v3 :is(.product-saas,.root-homepage) .transcription-voice3{grid-template-columns:1fr 1.6fr;gap:20px;padding-top:16px;padding-bottom:16px;overflow:hidden}.vkg-stage34{isolation:isolate;color:#29233d;min-width:0;height:190px;font-family:inherit;position:relative}.vkg-halo34{z-index:-1;background:radial-gradient(ellipse at 54% 50%,color-mix(in srgb,var(--brand-color)14.33%,transparent),transparent 66%);pointer-events:none;position:absolute;inset:-30px -70px -40px -20px}.vkg-trail34{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vkg-trail34 text{letter-spacing:.25px;fill:#aaa3bb;font-family:inherit;font-size:13px}.vkg-ribbon34{background:var(--brand-color);color:#fff;width:114%;height:35px;box-shadow:0 7px 18px color-mix(in srgb,var(--brand-color)10.2%,transparent);z-index:0;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;top:62px;left:-7%;overflow:hidden;transform:rotate(-8deg)}.vkg-ribbon34>span{white-space:nowrap;letter-spacing:.1px;font-size:12px;font-weight:500}.vkg-ribbon34 s{color:var(--brand-color);text-decoration-thickness:1px}.vkg-ribbon34>svg{color:var(--brand-color);flex:none}.vkg-capture34{z-index:3;background:#29243d;border:1px solid #625770;border-radius:28px;align-items:center;gap:12px;padding:10px 13px;display:flex;position:absolute;top:10px;left:11%;transform:rotate(-8deg);box-shadow:0 8px 18px #26203930,inset 0 1px #ffffff24}.vkg-mic34{width:25px;height:25px;color:var(--brand-color);background:#ffffff12;border-radius:50%;place-items:center;display:grid}.vkg-meter34{align-items:center;gap:3px;height:27px;display:flex}.vkg-meter34 i{background:color-mix(in srgb,var(--brand-color)27.87%,transparent);border-radius:2px;width:2px;max-height:27px;animation:.8s ease-in-out infinite alternate vkg-meter34;display:block}.vkg-capture-dot34{background:color-mix(in srgb,var(--brand-color)40.98%,transparent);width:5px;height:5px;box-shadow:0 0 9px color-mix(in srgb,var(--brand-color)21.86%,transparent);border-radius:50%}.vkg-shortcut34{z-index:2;align-items:center;gap:11px;display:flex;position:absolute;bottom:22px;left:1%;transform:rotate(-6deg)}.vkg-shortcut34 kbd{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--brand-color)9.29%,transparent));border:1px solid color-mix(in srgb,var(--brand-color)25.14%,transparent);width:51px;height:49px;box-shadow:0 5px 0 color-mix(in srgb,var(--brand-color)25.68%,transparent),0 10px 15px #3b315618,inset 0 2px 1px #fff;color:var(--brand-color);border-radius:12px;place-items:center;font-family:inherit;font-size:22px;font-weight:500;animation:7s ease-in-out infinite vkg-key34;display:grid}.vkg-shortcut34>span{color:#8a809e;letter-spacing:-.2px;font-size:11px;line-height:1.5}.vkg-writing34{box-sizing:border-box;z-index:2;background:#fff;border-radius:13px;width:58%;padding:12px 15px 8px;position:absolute;top:39px;right:0;transform:rotate(-3deg);box-shadow:0 12px 32px #2c215d16,0 2px 4px #2c215d08}.vkg-eyebrow34{letter-spacing:1px;color:#8881b2;align-items:center;gap:5px;font-size:7px;font-weight:600;display:flex}.v3 :is(.product-saas,.root-homepage) .vkg-writing34 p{letter-spacing:-.65px;color:#322b44;white-space:nowrap;font-weight:500;margin:8px 0 9px!important;font-size:18px!important;line-height:1.3!important}.vkg-writing34 p em{color:var(--brand-color);background:linear-gradient(transparent 73%,color-mix(in srgb,var(--brand-color)13.11%,transparent)73%);padding-bottom:1px;font-style:normal}.vkg-ink34{background:var(--brand-color);vertical-align:-2px;width:1px;height:16px;margin-left:2px;animation:1s step-end infinite vkg-ink34;display:inline-block}.vkg-writing-footer34{border-top:1px solid #f0edf7;justify-content:space-between;align-items:center;padding-top:6px;display:flex}.vkg-writing-footer34>span:first-child{color:#9b91ac;align-items:center;gap:4px;font-size:8px;display:flex}.vkg-writing-footer34>span:first-child svg{color:var(--brand-color)}.vkg-send34{background:var(--brand-color);color:#fff;width:21px;height:21px;box-shadow:0 3px 8px color-mix(in srgb,var(--brand-color)14.12%,transparent);border-radius:50%;place-items:center;display:grid}.vkg-cleaned34{background:color-mix(in srgb,var(--brand-color)13.11%,transparent);color:var(--brand-color);z-index:3;border-radius:20px;align-items:center;gap:4px;padding:5px 8px;font-size:8px;display:flex;position:absolute;top:39px;right:2%;transform:rotate(-6deg)}@keyframes vkg-meter34{to{opacity:.6;transform:scaleY(.28)}}@keyframes vkg-key34{0%,12%,80%,to{translate:0}18%,35%{translate:0 3px}45%{translate:0}}@keyframes vkg-ink34{50%{opacity:0}}@media (max-width:1100px) and (min-width:701px){.v3 :is(.product-saas,.root-homepage) .transcription-voice3{grid-template-columns:1fr;gap:8px}.vkg-stage34{width:100%;max-width:560px;height:190px;margin:auto}}@media (max-width:700px){.v3 :is(.product-saas,.root-homepage) .transcription-voice3{grid-template-columns:1fr;gap:8px;padding-top:24px;padding-bottom:24px}.vkg-stage34{height:210px}.vkg-ribbon34{width:126%;top:67px;left:-13%}.vkg-ribbon34>span{font-size:10px}.vkg-ribbon34>svg{display:none}.vkg-trail34 text{font-size:14px}.vkg-capture34{gap:8px;padding:8px 10px;top:8px;left:2%}.vkg-meter34{gap:2px}.vkg-shortcut34{gap:7px;bottom:12px;left:0}.vkg-shortcut34 kbd{border-radius:9px;width:38px;height:38px;font-size:18px}.vkg-shortcut34>span{font-size:9px}.vkg-writing34{width:76%;padding:11px 12px 7px;top:65px;right:0}.v3 :is(.product-saas,.root-homepage) .vkg-writing34 p{letter-spacing:-.4px;margin:8px 0 10px!important;font-size:16px!important}.vkg-eyebrow34{letter-spacing:.5px;font-size:6px}.vkg-writing-footer34>span:first-child{font-size:6px}.vkg-send34{width:21px;height:21px}.vkg-cleaned34{font-size:7px;top:39px;right:-2%}}@media (prefers-reduced-motion:reduce){.vkg-stage34 *{animation:none!important}}.vkg-capture34{top:22px;left:4%}.vkg-shortcut34{bottom:28px;left:4%}.vkg-writing34{top:31px;right:2%}@media (max-width:700px){.vkg-stage34{height:225px}.vkg-shortcut34{top:10px;bottom:auto;left:0}.vkg-capture34{gap:6px;padding:8px;top:8px;left:auto;right:0}.vkg-writing34{width:100%;top:83px;right:0}.vkg-trail34{width:30%;height:44px;top:39px;left:12%;transform:rotate(45deg)}}@media (min-width:701px){.vkg-capture34{top:36px;left:8%}.vkg-shortcut34{bottom:40px;left:10%}.vkg-writing34{top:43px;right:6%}.vkg-trail34{width:91%;top:-2px;left:3%}}@media (max-width:700px){.vkg-stage34{height:208px}.vkg-writing34{top:70px}.vkg-trail34{height:37px;top:30px}}@media (min-width:701px){.v3 :is(.product-saas,.root-homepage) .transcription-voice3{padding-top:14px;padding-bottom:14px}.vkg-stage34{height:150px}.vkg-capture34{top:6px}.vkg-shortcut34{bottom:12px}.vkg-writing34{top:8px}}.vkg-shortcut-keys48{flex-direction:column;align-items:center;gap:8px;display:flex}.vkg-shortcut-keys48>div{align-items:center;gap:5px;display:flex}.vkg-shortcut-keys48 b{color:#aaa3c1;font-size:10px;font-weight:400}.vkg-shortcut34 .vkg-shortcut-keys48 kbd{width:33px;height:34px;box-shadow:0 4px 0 color-mix(in srgb,var(--brand-color)25.68%,transparent),0 7px 12px #3b315612,inset 0 2px 1px #fff;border-radius:8px;font-size:11px}.vkg-shortcut-keys48 small{color:#9790a9;white-space:nowrap;font-size:7px;line-height:1}@media (max-width:700px){.vkg-shortcut34{gap:5px}.vkg-shortcut34 .vkg-shortcut-keys48 kbd{width:28px;height:30px;font-size:10px}.vkg-shortcut-keys48>div{gap:3px}.vkg-shortcut-keys48 small{font-size:6px}.vkg-shortcut34>span{font-size:8px}}
.homepage-voice-keyboard.vkg-stage34{width:100%;height:150px}.homepage-voice-keyboard .vkg-halo34{background:radial-gradient(at 60% 55%,#ded5f54d,#0000 70%);inset:-18px -20px}.homepage-voice-keyboard .vkg-trail34{width:100%;height:100%;inset:0;transform:none}.homepage-voice-keyboard .vkg-capture34{background:#292333;border:1px solid #51465e;gap:10px;padding:10px 12px;top:9px;left:12%;transform:rotate(-3deg);box-shadow:0 7px 18px #30223e18,inset 0 1px #ffffff12}.homepage-voice-keyboard .vkg-mic34{color:#c4b3ff;background:#ffffff0d}.homepage-voice-keyboard .vkg-meter34{gap:3px}.homepage-voice-keyboard .vkg-meter34 i{background:#baa5f3;max-height:25px}.homepage-voice-keyboard .vkg-capture-dot34{background:#a6d4ba;box-shadow:0 0 0 3px #a6d4ba12}.homepage-voice-keyboard[data-speaking=false] .vkg-meter34 i{opacity:.55;animation:none;transform:scaleY(.3)}.homepage-voice-keyboard .vkg-shortcut34{gap:12px;top:85px;bottom:auto;left:5%;transform:none}.homepage-voice-keyboard .vkg-shortcut34 kbd{color:#7560be;isolation:isolate;background:linear-gradient(#fff,#f5f2fb);border:1px solid #d5cce8;border-radius:11px;width:49px;height:47px;font-size:20px;transition:transform .18s,box-shadow .18s,background .18s,color .18s;animation:none;position:relative;box-shadow:0 3px #d9d0eb,0 6px 12px #30223e0a}.homepage-voice-keyboard[data-held=true] .vkg-shortcut34 kbd{color:#fff;background:#7560ce;border-color:#7560ce;transform:translateY(5px)scale(.96);box-shadow:0 1px #55419e,0 0 0 5px #b9a7ef33,0 0 22px #9f87e64d}.homepage-voice-keyboard .vkg-shortcut34>span{color:#94879f;font-size:10px;line-height:1.55}.homepage-voice-keyboard .vkg-writing34{border:1px solid #eee9f5;width:61%;padding:14px 17px 11px;top:12px;right:1%;transform:rotate(-1.5deg);box-shadow:0 9px 26px #30223e0c,0 2px 4px #30223e04}.v3 .root-homepage .homepage-voice-keyboard .vkg-writing34 p{letter-spacing:-.5px;white-space:normal;min-height:2.8em;margin:0 0 11px!important;font-size:19px!important;line-height:1.4!important}.homepage-voice-keyboard .vkg-writing34 p em{white-space:nowrap;color:#7860c2;background:linear-gradient(#0000 77%,#e9e0f8 77%)}.homepage-voice-keyboard .vkg-writing-footer34{border-color:#efebf5;padding-top:9px}.homepage-voice-keyboard .vkg-writing-footer34>span:first-child{color:#a096af;font-size:8px}.homepage-voice-keyboard .vkg-send34{width:21px;height:21px;box-shadow:none;background:#8065d3}@media (max-width:700px){.homepage-voice-keyboard.vkg-stage34{height:190px}.homepage-voice-keyboard .vkg-capture34{gap:7px;padding:8px 10px;top:0;left:auto;right:2%}.homepage-voice-keyboard .vkg-shortcut34{top:0;left:2%}.homepage-voice-keyboard .vkg-shortcut34 kbd{width:42px;height:42px;font-size:18px}.homepage-voice-keyboard .vkg-writing34{width:91%;padding:13px 15px 9px;top:78px;right:2%;transform:rotate(-1deg)}.v3 .root-homepage .homepage-voice-keyboard .vkg-writing34 p{margin-bottom:8px!important;font-size:17px!important}.homepage-voice-keyboard .vkg-trail34{width:40%;height:65px;top:26px;left:6%;transform:rotate(25deg)}.homepage-voice-keyboard .vkg-shortcut34>span{font-size:9px}}@media (prefers-reduced-motion:reduce){.homepage-voice-keyboard *{transition:none!important;animation:none!important}}.homepage-voice-keyboard .hvkg-writing-content{position:relative;overflow:hidden}.v3 .root-homepage .homepage-voice-keyboard .vkg-writing34 p.hvkg-draft{color:#94899f;letter-spacing:-.5px}.homepage-voice-keyboard[data-enhancing=true] .hvkg-writing-content:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 20%,#cbb5f254 48%,#fff9 52%,#0000 75%);animation:1s ease-in-out both hvkg-enhance;position:absolute;inset:-3px}.homepage-voice-keyboard[data-enhanced=true] .hvkg-writing-content{animation:.35s ease-out both hvkg-finish}.homepage-voice-keyboard[data-enhanced=false] .vkg-send34{opacity:.4}.homepage-voice-keyboard[data-enhancing=true] .vkg-writing-footer34>span:first-child{color:#8a6ac3}@keyframes hvkg-enhance{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes hvkg-finish{0%{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.homepage-voice-keyboard .vkg-shortcut34 kbd:after{content:"";opacity:0;pointer-events:none;z-index:-1;border:2px solid #9980e1;border-radius:14px;position:absolute;inset:-3px}.homepage-voice-keyboard[data-held=true] .vkg-shortcut34 kbd:after{animation:.75s ease-out 2 hvkg-key-press}@keyframes hvkg-key-press{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.homepage-voice-keyboard .vkg-shortcut34 kbd:after{animation:none!important}}
.voice-capture-bar{background:#292333;border:1px solid #51465e;border-radius:28px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 7px 18px #30223e18,inset 0 1px #ffffff12}.voice-capture-bar .vkg-mic34{color:#c4b3ff;background:#ffffff0d;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.voice-capture-bar .vkg-meter34{align-items:center;gap:3px;height:27px;display:flex}.voice-capture-bar .vkg-meter34 i{background:#baa5f3;border-radius:2px;flex:none;width:2px;max-height:25px;display:block;transform:scaleY(.55)}.voice-capture-bar .vkg-capture-dot34{background:#a6d4ba;border-radius:50%;flex:none;width:5px;height:5px;display:block;box-shadow:0 0 0 3px #a6d4ba12}.voice-capture-bar[data-speaking=false] .vkg-meter34 i{opacity:.7;animation:none}@media (prefers-reduced-motion:reduce){.voice-capture-bar *{animation:none!important}}
