@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#142136;--muted:#657184;--blue:#244ce8;--line:#e4e8ef;--wash:#f5f7fb;--sky:#edf3ff;--radius:22px;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffbd57;outline-offset:5px}p{font-size:17px;line-height:1.75;color:var(--muted)}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:-.055em}h1{font-size:clamp(45px,6.4vw,84px);line-height:1.08;margin:22px 0 24px}h2{font-size:clamp(34px,4.3vw,56px);line-height:1.14;margin:16px 0 25px}h3{font-size:25px;line-height:1.3;margin:16px 0 10px}button svg,a svg{flex-shrink:0}.wrap{max-width:1240px;margin:auto;padding:0 44px}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1400px;margin:auto;padding:0 48px}.logo{display:flex;align-items:center;gap:10px;font:750 25px Manrope,sans-serif;letter-spacing:-1.4px}.logo img{width:34px;height:34px}.navlinks,.nav-actions{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.navlinks a,.text-link{transition:color .2s}.navlinks a:hover,.text-link:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;padding:16px 23px;border-radius:12px;font-size:15px;font-weight:650;line-height:1.2;background:var(--ink);color:white;transition:transform .2s,background .2s;min-height:48px}.btn:hover{transform:translateY(-2px);background:#263b5a}.btn.blue{background:var(--blue)}.btn.blue:hover{background:#1837b5}.btn.outline{color:var(--ink);border-color:#d8dfea;background:white}.btn.light{background:white;color:var(--blue)}.btn.small{padding:12px 18px;min-height:44px}.menu-button{display:none;border:1px solid var(--line);background:white;padding:9px;border-radius:8px}.eyebrow{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #dce5f8;border-radius:100px;background:#f7faff;padding:7px 12px;font-size:12px;font-weight:600;color:#36517d}.hero{padding-top:63px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:650px}.hero h1 span{color:var(--blue)}.hero-copy>p{max-width:450px;margin-bottom:27px}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.micro{font-size:13px;line-height:1.7;color:var(--muted)}.hero-copy .micro{margin-top:17px}.hero-visual{background:#eff4ff;border-radius:30px;padding:36px 28px 28px;position:relative;min-height:480px;border:1px solid #e6edfd}.sample-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#557095;margin-bottom:23px}.record-chip{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dbe5f8;border-radius:100px;padding:7px 11px;color:#455c7d}.record-chip i{width:6px;height:6px;border-radius:50%;background:#fd6a62}.sample-card{background:#fff;border:1px solid #e1e7f3;border-radius:17px;padding:27px;box-shadow:0 16px 35px #2146960a;transform:rotate(-1.2deg)}.sample-card h3{font-size:23px;letter-spacing:-.035em;margin:13px 0 8px}.sample-card .meta{font-size:12px;color:var(--muted)}.sample-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-top:25px}.sample-tabs button{border:0;background:none;padding:0 0 12px;font-size:13px;color:var(--muted);position:relative}.sample-tabs button[aria-selected=true]{color:var(--blue);font-weight:700}.sample-tabs button[aria-selected=true]:after{content:'';position:absolute;height:2px;background:var(--blue);bottom:-1px;left:0;right:0}.sample-content{min-height:171px;padding-top:17px}.sample-content h4{font-size:13px;margin:0 0 9px}.sample-content p{font-size:13px;line-height:1.7;margin:0 0 14px}.sample-content ul{font-size:13px;line-height:1.8;padding-left:17px;color:var(--muted)}.waveform{height:40px;display:flex;align-items:center;gap:3px;margin-top:20px;overflow:hidden;opacity:.9}.waveform i{display:block;flex:1;min-width:2px;border-radius:6px;background:#7997f7;height:var(--height)}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#58709c;margin-top:24px}.floating-note{margin:22px -3px -45px 58px;padding:18px 20px;border-radius:14px;background:#fff;box-shadow:0 10px 30px #264b7412;display:flex;align-items:center;gap:15px;transform:rotate(2deg);border:1px solid #e6eaf1}.check-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ecf8ee;color:#268252}.floating-note strong{display:block;font-size:13px}.floating-note span{font-size:12px;color:var(--muted)}.quiet-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:20px;color:#5b6980;font-size:14px}.quiet-strip span{display:flex;gap:10px;align-items:center}.quiet-strip svg{color:var(--blue);width:19px}.section{padding-top:104px;padding-bottom:104px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-head h2{max-width:610px;margin-bottom:0}.section-head p{max-width:320px;margin-bottom:5px}.feature-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.feature{background:var(--wash);border-radius:var(--radius);padding:34px;overflow:hidden}.feature.blue-tint{background:#edf2ff}.feature h3{max-width:400px}.feature p{font-size:15px;max-width:450px}.feature .text-link{font-size:14px;font-weight:600}.feature-icon{width:44px;height:44px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--blue)}.task-demo{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 20px;margin-top:26px}.task-demo label{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer}.task-demo label:last-child{border-bottom:0}.task-demo input{accent-color:var(--blue);width:18px;height:18px}.task-demo label:has(input:checked) span{text-decoration:line-through;color:#8590a0}.task-demo small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.transcript-demo{background:white;padding:22px;border:1px solid #dde5f8;border-radius:14px;margin-top:26px;font-size:13px;line-height:1.7}.transcript-demo b{color:var(--blue);font-size:12px}.transcript-demo p{font-size:13px;margin:4px 0 16px}.transcript-demo p:last-child{margin-bottom:0}.build-section{background:#142239;color:white;border-radius:30px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.build-section .eyebrow{color:#95b3ff}.build-section h2{font-size:44px}.build-section p{color:#b1bfd5;font-size:16px}.build-flow{border:1px solid #3b4a62;border-radius:17px;overflow:hidden;background:#1a2b45}.build-flow>div{padding:23px;border-bottom:1px solid #3b4a62;display:flex;gap:16px}.build-flow>div:last-child{border:0}.flow-num{width:28px;height:28px;border-radius:50%;border:1px solid #526787;display:grid;place-items:center;font-size:12px;color:#aac1e5;flex-shrink:0}.build-flow h4{font-size:14px;margin:0 0 7px}.build-flow p{font-size:13px;margin:0;line-height:1.6}.build-flow .result{background:#223c50}.quote-example{font-size:16px;color:#dbe7ff;margin-top:6px}.device-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.device-row>div{border-top:1px solid var(--line);padding-top:24px}.device-row h3{font-size:22px;letter-spacing:-.035em}.device-row p{font-size:15px}.faq{max-width:830px;margin:auto}.faq>h2{text-align:center;margin-bottom:35px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:17px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:500}.faq summary:after{content:'+';font-size:26px;font-weight:400;color:var(--muted)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:15px;max-width:720px;padding-right:25px}.cta{background:#edf3ff;border-radius:26px;padding:60px;text-align:center}.cta h2{margin-top:0}.cta p{max-width:560px;margin:0 auto 26px}.cta .button-row{justify-content:center}.site-footer{margin-top:90px;border-top:1px solid var(--line);padding:50px 0 24px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-top p{font-size:14px;max-width:280px}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--muted)}.footer-links strong{font-size:12px;letter-spacing:.09em;color:var(--ink);text-transform:uppercase;margin-bottom:5px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:35px;margin-top:35px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.page-hero{max-width:870px;padding:70px 0 45px}.page-hero h1{font-size:clamp(42px,5.8vw,72px)}.page-hero p{max-width:710px;font-size:19px}.article-grid{display:grid;grid-template-columns:1fr 300px;gap:75px}.prose{max-width:780px}.prose h2{font-size:34px;letter-spacing:-.04em;margin-top:45px}.prose h3{font-size:24px;letter-spacing:-.025em;margin-top:30px}.prose ul,.prose ol{padding-left:23px;font-size:17px;line-height:1.9;color:var(--muted)}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.prose strong{color:var(--ink)}.sidebar-card{background:var(--wash);padding:26px;border-radius:20px;align-self:start;position:sticky;top:25px}.sidebar-card h3{margin-top:0}.sidebar-card p{font-size:15px}.sidebar-card .btn{width:100%}.comparison{width:100%;border-collapse:collapse;font-size:15px;margin:25px 0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:15px}.table-wrap .comparison{margin:0;min-width:580px}.comparison td,.comparison th{padding:18px 20px;border-bottom:1px solid var(--line);text-align:left;line-height:1.6;vertical-align:top}.comparison th{background:var(--wash);font-weight:700}.comparison tr:last-child td{border-bottom:0}.comparison td:nth-child(2),.comparison th:nth-child(2){background:#f2f5ff}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.download-card{border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}.download-card h2{font-size:28px;letter-spacing:-.04em}.download-card p{font-size:15px}.download-card .btn{margin-top:auto;width:100%}.download-card .micro{font-size:12px;margin-bottom:20px}.download-card:first-child{background:var(--sky);border-color:#d6e2ff}.support-list{display:grid;gap:16px}.support-list a{padding:24px;border:1px solid var(--line);border-radius:17px;display:block}.support-list a h3{margin:0 0 8px}.support-list a p{margin:0}.notice{background:#f5f7fb;border-left:3px solid var(--blue);padding:20px 23px;border-radius:0 12px 12px 0;font-size:15px;line-height:1.8;color:var(--muted)}.example-branches{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;padding-top:14px}.example-branches span{padding:10px;border:1px solid #dce5f8;background:#f6f9ff;border-radius:8px}.skip-link{position:absolute;top:-60px;left:12px;background:var(--ink);color:white;padding:12px;z-index:10}.skip-link:focus{top:10px}.download-checksum{overflow-wrap:anywhere;font-size:12px}.mobile-only{display:none}
@media(max-width:1000px){.wrap{padding:0 28px}.site-header{padding:0 28px}.navlinks{gap:18px}.hero{gap:22px;padding-top:40px;min-height:580px}.hero h1{font-size:60px}.hero-visual{padding:24px 17px}.sample-card{padding:22px}.floating-note{margin-left:25px}.build-section{padding:36px;gap:30px}.build-section h2{font-size:37px}.article-grid{gap:35px;grid-template-columns:1fr 260px}.download-grid{grid-template-columns:1fr 1fr}.download-card:last-child{grid-column:1 / -1}.section{padding-top:80px;padding-bottom:80px}}
@media(max-width:720px){.wrap{padding:0 22px}.site-header{height:77px;padding:0 22px;gap:15px}.logo{font-size:23px}.navlinks{display:none;position:absolute;top:77px;left:0;right:0;z-index:5;background:white;padding:25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.nav-actions{gap:12px}.nav-actions>.text-link{display:none}.nav-actions .btn{padding:12px 14px;font-size:13px}.menu-button{display:block}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;padding-bottom:62px;gap:35px}.hero h1{font-size:55px;max-width:550px}.hero-copy>p{font-size:17px;max-width:510px}.hero-visual{min-height:0;padding:25px 23px 34px}.sample-card{transform:none;padding:24px}.floating-note{margin:18px 0 -51px 30px}.sample-content{min-height:145px}.quiet-strip{flex-wrap:wrap;justify-content:center;gap:17px 25px;font-size:12px;padding:22px 0}.quiet-strip span:last-child{display:none}.section{padding-top:62px;padding-bottom:62px}.section-head{display:block;margin-bottom:28px}.section-head p{max-width:none}.section-head h2{font-size:38px}.feature-grid,.device-row{grid-template-columns:1fr}.feature{padding:26px}.build-section{display:block;padding:29px 25px;border-radius:22px}.build-section h2{font-size:37px}.build-flow{margin-top:30px}.cta{padding:42px 24px}.cta h2{font-size:38px}.faq summary{font-size:16px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-top>div:first-child{grid-column:1 / -1}.site-footer{margin-top:60px;padding-top:35px}.footer-bottom{display:block;line-height:2}.page-hero{padding-top:40px}.page-hero h1{font-size:45px}.page-hero p{font-size:17px}.article-grid{display:block}.sidebar-card{position:static;margin-top:35px}.download-grid{grid-template-columns:1fr}.download-card:last-child{grid-column:auto}.prose h2{font-size:29px}.prose p,.prose li{font-size:16px}.mobile-only{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
