@font-face{font-family:Albert Sans;src:url(/assets/AlbertSans-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/assets/fonts/ClashDisplay-Variable.woff2) format("woff2");font-weight:200 700;font-style:normal;font-display:swap}:root{--bg: #050505;--fg: #ffffff;--muted: #888888;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--accent: #007AFF;--accent-glow: rgba(0, 122, 255, .5);--neon: #3399FF}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;position:relative}html{background-color:#050505}body{background-color:var(--bg);color:var(--fg);font-family:Albert Sans,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.ambient-orb{position:absolute;border-radius:50%;filter:blur(140px);z-index:-1;opacity:.4;animation:float 20s infinite ease-in-out alternate;pointer-events:none}@keyframes float{0%{transform:translate(0) translateY(0)}50%{transform:translate(2%,5%) translateY(10px)}to{transform:translate(-2%,-5%) translateY(-10px)}}.orb-1{width:800px;height:800px;background:var(--accent);top:-200px;left:-200px}.orb-2{width:600px;height:600px;background:var(--neon);bottom:20%;right:-100px;animation-duration:25s;animation-direction:alternate-reverse}.orb-3{width:500px;height:500px;background:#66b2ff;top:40%;left:20%;opacity:.2;animation-duration:30s}body:after{content:"";position:fixed;inset:0;background-image:url(/assets/patterns/noise.png);opacity:.06;mix-blend-mode:overlay;pointer-events:none;z-index:9999}.container{max-width:1400px;margin:0 auto;padding:0 40px;width:100%}@media(max-width:768px){.container{padding:0 20px}}header{display:flex;justify-content:space-between;align-items:center;padding:40px 0;z-index:10;position:relative}.logo{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--fg)}.logo-icon{width:40px;border-radius:10px}.logo-text{font-family:Clash Display;font-weight:600;font-size:24px;letter-spacing:1px;text-transform:uppercase}.github-link{display:flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-weight:500;font-size:15px;padding:8px 16px;border-radius:100px;background:var(--glass);border:1px solid var(--glass-border);transition:all .2s ease}.github-link:hover{color:var(--fg);background:#ffffff14;border-color:#ffffff26}.github-link svg{width:20px;height:20px;fill:currentColor}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding-bottom:50px}h1{font-family:Clash Display;font-size:clamp(3rem,9vw,10rem);font-weight:600;line-height:.9;text-transform:uppercase;letter-spacing:-3px;margin-bottom:2rem;max-width:1200px}h1 span.outline{-webkit-text-stroke:2px var(--fg);color:transparent}.hero-subtitle{font-size:1.5rem;color:var(--muted);max-width:600px;margin-bottom:3rem;font-weight:400;line-height:1.4;position:relative;z-index:2}.hero-animation-container{position:absolute;right:0%;bottom:10%;width:400px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px #0006;z-index:1}@media(max-width:1024px){.hero-animation-container{position:relative;width:100%;right:auto;bottom:auto;margin-top:2rem}}.transcription-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.recording-dot{width:10px;height:10px;background:#ff453a;border-radius:50%;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ff453ab3}70%{box-shadow:0 0 0 10px #ff453a00}to{box-shadow:0 0 #ff453a00}}.transcription-text{font-family:var(--font-body);font-size:1.1rem;color:var(--fg);line-height:1.6;min-height:100px}.typing-cursor{display:inline-block;width:2px;height:1.1rem;background:var(--fg);vertical-align:text-bottom;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.cta-button{display:inline-flex;align-items:center;gap:12px;background:var(--fg);color:var(--bg);padding:20px 40px;border-radius:100px;font-weight:600;font-size:18px;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1);margin-bottom:1rem;box-shadow:0 10px 30px #fff3}.cta-button:hover{transform:scale(1.05)}.cta-button svg{width:24px;fill:var(--bg)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(400px,auto);gap:32px;margin-bottom:120px;position:relative;z-index:5}.bento-item{background:var(--glass);border:1px solid var(--glass-border);border-radius:40px;padding:56px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a;transition:transform .4s cubic-bezier(.25,1,.5,1),border-color .4s}.bento-item:hover{transform:translateY(-5px);border-color:#ffffff26}.bento-item.large{grid-column:span 8;height:500px}.bento-item.half{grid-column:span 6;height:500px}.bento-item.medium{grid-column:span 4;height:500px}.bento-item.wide{grid-column:span 12;height:400px;padding:60px 48px;display:flex;align-items:center;justify-content:center;text-align:center}@media(max-width:1024px){.bento-item.large,.bento-item.half,.bento-item.medium,.bento-item.wide{grid-column:span 12;height:auto;min-height:500px}}@media(max-width:768px){.bento-item{padding:32px 24px}.bento-item.wide{padding:40px 24px;height:300px}.bento-item h2{font-size:2.5rem}}.bento-item h2{font-family:Clash Display;font-size:3.5rem;line-height:1;margin-bottom:1rem;letter-spacing:-1px}.bento-item p{color:var(--muted);font-size:1.25rem;max-width:400px}.speak-bento{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;overflow:hidden;padding:0}.speak-text-content{flex:1;padding:48px;z-index:2;display:flex;flex-direction:column;justify-content:center}.speak-image-content{flex:1;position:relative;display:flex;align-items:center;justify-content:flex-end}@media(max-width:1024px){.speak-bento{flex-direction:column;padding:0}.speak-text-content{padding:40px 40px 20px}.speak-image-content{justify-content:flex-start;padding-left:40px;padding-bottom:0}}.screenshot-container{width:110%;margin-right:0%;margin-left:-10%;display:flex!important;justify-content:center;transform:rotate(-4deg) rotateX(10deg);transition:transform .6s cubic-bezier(.25,1,.5,1);transform-origin:center right;z-index:1}.speak-bento:hover .screenshot-container{transform:rotate(-2deg) rotateX(5deg) scale(1.03) translateY(-10px)}.screenshot-img{width:100%;height:auto;border-radius:12px;box-shadow:0 40px 80px #000c;border:1px solid rgba(255,255,255,.1);object-fit:contain}.lock-icon{width:80px;margin-bottom:24px;color:var(--fg)}.marquee-container{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);margin-top:40px}.marquee-content{display:flex;width:max-content;animation:scroll 30s linear infinite}.marquee-content:hover{animation-play-state:paused}.app-logo-wrapper{padding:0 30px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .3s}.app-logo-wrapper:hover{opacity:1}.app-logo-wrapper img{width:60px;height:60px;object-fit:contain}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}footer{text-align:center;padding:40px;color:var(--muted);border-top:1px solid var(--glass-border);margin-top:60px;position:relative;z-index:10}.persona-bento{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;overflow:hidden;padding:0;background:#ffffff05;border:1px solid var(--glass-border);border-radius:40px}@media(max-width:768px){.persona-bento{flex-direction:column}}.persona-text-content{padding:56px;width:45%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.persona-text-content{width:100%;padding:32px 24px}}.persona-pipeline{width:55%;height:100%;position:relative;background:#0003;border-left:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width:768px){.persona-pipeline{width:100%;height:250px;border-left:none;border-top:1px solid var(--glass-border)}}.pipeline-glow{position:absolute;width:300px;height:300px;background:var(--neon);filter:blur(80px);opacity:.15;transition:background .5s ease}.pipeline-track{display:flex;align-items:center;justify-content:center;width:140%;height:120px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);position:relative;transform:rotate(-5deg)}.text-stream{position:absolute;font-family:SF Mono,ui-monospace,monospace;font-size:.95rem;white-space:nowrap;animation-timing-function:linear;animation-iteration-count:infinite;top:50%;transform:translateY(-50%)}.input-stream-container{position:absolute;left:0;width:50%;height:100%;overflow:hidden;mask-image:linear-gradient(to left,transparent,black 10%,black 100%);-webkit-mask-image:linear-gradient(to left,transparent,black 10%,black 100%)}.output-stream-container{position:absolute;right:0;width:50%;height:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 100%);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 100%)}.input-stream{color:var(--muted);right:100%}.output-stream{background:var(--fg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;right:100%}.output-stream.json{background:linear-gradient(90deg,#ffd60a,#ff9f0a);-webkit-background-clip:text;background-clip:text}.output-stream.markdown{background:linear-gradient(90deg,#30d158,#32d74b);-webkit-background-clip:text;background-clip:text}.output-stream.spanish{background:linear-gradient(90deg,#64d2ff,#0a84ff);-webkit-background-clip:text;background-clip:text}.output-stream.concise{background:linear-gradient(90deg,#ff6961,#ff453a);-webkit-background-clip:text;background-clip:text}.output-stream.json{color:#ff9f0a}.output-stream.markdown{color:#32d74b}.output-stream.spanish{color:#0a84ff}.output-stream.concise{color:#ff453a}.persona-scanner{width:2px;height:180px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.scanner-line{width:2px;height:100%;background:#ffffff1a;position:absolute;transition:all .3s ease}.persona-scanner.scanning .scanner-line{height:120%}.persona-active-label{position:absolute;top:24px;right:24px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:6px 14px;border-radius:20px;background:var(--glass);border:1px solid var(--glass-border);color:var(--fg);z-index:20;transition:all .4s ease;box-shadow:0 4px 12px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.scanner-label{position:absolute;top:-45px;left:50%;transform:translate(-50%);background:var(--neon);color:#000;padding:6px 16px;border-radius:100px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #39f6;transition:all .5s ease;white-space:nowrap;z-index:11}.scanning .scanner-ring{transform:scaleY(1.1) scaleX(1.05);background:#3399ff26;box-shadow:0 0 40px #39f9,inset 0 0 30px #39f9}@media(max-width:1024px){.persona-bento{flex-direction:column;padding:0}.persona-text-content{width:100%;padding:40px}.persona-pipeline{width:100%;height:300px;border-left:none;border-top:1px solid var(--glass-border);background:#0003}.pipeline-track{transform:rotate(0);width:100%}}.speak-ui-container{width:100%;max-width:380px;min-width:335px;background:#151515;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 40px 80px #000c,inset 0 1px #ffffff0d;position:relative;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#ebebeb}.speak-ui-arrow{position:absolute;top:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:14px;height:14px;background:#151515;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);border-top-left-radius:2px;z-index:-1}.speak-ui-header{display:flex;align-items:center;padding:18px 20px 14px}.speak-ui-mic-icon{width:32px;height:32px;border-radius:50%;background:#2d2d2e;border:2px solid #3F3F40;display:flex;align-items:center;justify-content:center;color:#a1a1a5;margin-right:12px}.speak-ui-title{color:#f5f5f7;font-size:16px;font-weight:600}.speak-ui-divider{height:1px;background:#ffffff14;width:100%}.speak-ui-history-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 8px}.speak-ui-history-title{color:#8e8e93;font-size:13px;font-weight:600}.speak-ui-history-clear{color:#0a84ff;font-size:13px;font-weight:500;cursor:pointer}.speak-ui-history-list{position:relative;padding-right:16px;height:220px;overflow:hidden;mask-image:linear-gradient(to bottom,black 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent)}.speak-ui-scrollbar{position:absolute;right:6px;top:4px;bottom:30px;width:6px;background:#fff3;border-radius:6px}.speak-ui-history-item{display:flex;padding:12px 24px;align-items:flex-start}.speak-ui-chevron{color:#666;margin-top:4px;flex-shrink:0}.speak-ui-item-content{margin-left:16px;display:flex;flex-direction:column;align-items:flex-start}.speak-ui-pill{display:inline-flex;align-items:center;background:#0a84ff26;padding:3px 8px;border-radius:10px;margin-bottom:6px;color:#0a84ff}.speak-ui-pill-text{font-size:11px;font-weight:600;margin-left:4px}.speak-ui-item-text{color:#e5e5ea;font-size:13px;font-weight:500;line-height:1.4;margin-bottom:4px}.speak-ui-item-time{color:#8e8e93;font-size:11px;font-weight:500}.speak-ui-footer-action{padding:16px 20px}.speak-ui-action-btn{width:100%;background:#2c2c2e;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:12px;color:#f5f5f7;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026}.speak-ui-action-btn svg{margin-right:8px}.speak-ui-footer-links{display:flex;justify-content:space-between;padding:0 20px 20px;color:#8e8e93;font-size:13px;font-weight:500}.notch-bento{position:relative;background:radial-gradient(circle at top,rgba(255,255,255,.05) 0%,transparent 70%);display:flex;justify-content:center;align-items:flex-start;padding:0;overflow:hidden}.notch-text-content{position:absolute;bottom:0;left:0;width:100%;padding:48px;z-index:10}@media(max-width:768px){.notch-text-content{padding:32px 24px}}.mac-screen-top{width:100%;position:absolute;top:0;left:0;right:0;height:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:1px;background:transparent;border:none;box-shadow:none}.notch-expanded{display:flex;align-items:center;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:44px;box-shadow:0 8px 24px #000c;overflow:hidden;animation:notch-breathe 4s ease-in-out infinite}@keyframes notch-breathe{0%,to{padding:0 16px;gap:0}15%,85%{padding:0 28px;gap:14px}}.notch-left{display:flex;align-items:center;justify-content:center}.notch-center{width:180px;min-width:180px;display:flex;justify-content:center;align-items:center}.camera-hole{width:8px;height:8px;border-radius:50%;background:#111;box-shadow:inset 0 -1px 2px #ffffff1a,inset 0 2px 4px #000}.notch-right{display:flex;align-items:center;justify-content:center}.notch-mic-icon{color:#fff;width:18px;height:18px;opacity:0;animation:notch-fade 4s ease-in-out infinite}.waveform-bars{display:flex;align-items:center;gap:2px;height:20px;opacity:0;animation:notch-fade 4s ease-in-out infinite}@keyframes notch-fade{0%,10%{opacity:0}20%,80%{opacity:1}90%,to{opacity:0}}.waveform-bars span{display:block;width:3px;border-radius:2px;background:#fff;animation:waveform .6s ease-in-out infinite alternate}.waveform-bars span:nth-child(1){height:4px;animation-delay:0s}.waveform-bars span:nth-child(2){height:8px;animation-delay:.1s}.waveform-bars span:nth-child(3){height:12px;animation-delay:.2s}.waveform-bars span:nth-child(4){height:16px;animation-delay:.15s}.waveform-bars span:nth-child(5){height:10px;animation-delay:.25s}.waveform-bars span:nth-child(6){height:6px;animation-delay:.05s}.waveform-bars span:nth-child(7){height:8px;animation-delay:.3s}@keyframes waveform{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.languages-bento{padding:0;display:flex;flex-direction:column;overflow:hidden}.languages-text-content{padding:48px 48px 24px;z-index:10}@media(max-width:768px){.languages-text-content{padding:32px 24px}}.languages-grid-wrapper{flex:1;width:110%;margin-left:-5%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:0 0 40px;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.lang-row{display:flex;gap:16px;width:max-content;animation:scroll-langs 40s linear infinite}.lang-row.reverse{animation:scroll-langs-reverse 35s linear infinite}.lang-row.slow{animation:scroll-langs 45s linear infinite}.lang-pill{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:10px 20px;border-radius:100px;font-size:14px;font-weight:500;color:#bbb;display:flex;align-items:center;transition:all .3s ease;cursor:default}.lang-pill:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:scale(1.05)}@keyframes scroll-langs{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-langs-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}