@font-face{font-family:Manrope;src:url('fonts/manrope-regular.ttf') format('truetype');font-weight:400 600;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-extrabold.ttf') format('truetype');font-weight:700 800;font-display:swap}
:root{--paper:#f4f3ee;--ink:#191b1e;--muted:#595d62;--blue:#0755e9;--blue-soft:#e4ecff;--line:#d5d6cf;--yellow:#ffdd69;--panel:#242629;--space:clamp(24px,4vw,64px);--font:Manrope,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--shadow:0 18px 40px #181b2426}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;scrollbar-color:var(--blue) var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;background-image:radial-gradient(#bdc0b94d .9px,transparent .9px);background-size:18px 18px}::selection{background:var(--blue);color:#fff}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:#0755e929}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}svg{display:block}.arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-80px;z-index:99;background:var(--ink);color:#fff;padding:12px 18px}.skip-link:focus{top:14px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:27px var(--space);gap:24px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font-weight:800;font-size:24px;letter-spacing:-.04em;text-decoration:none;line-height:1.1}.wordmark>svg{width:34px;height:34px;color:var(--blue)}.wordmark-stop{color:var(--blue)}nav{display:flex;gap:36px;align-items:center}nav a{display:flex;align-items:center;gap:9px;font-size:14px;text-decoration:none}nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--blue)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;max-width:1600px;margin:auto;padding:78px var(--space) 83px;overflow:hidden}.hero-copy{position:relative;z-index:1}h1,h2,p{margin:0}h1{font-size:clamp(72px,8.1vw,124px);line-height:.99;letter-spacing:-.04em;font-weight:800}h1>.selection{display:inline-block;position:relative;color:var(--blue);padding:6px 20px 14px 0;margin-top:13px;border:1px solid var(--blue)}.selection-label{position:absolute;right:-1px;bottom:-26px;background:var(--blue);color:#fff;font-family:var(--mono);font-size:11px;line-height:26px;padding:0 8px;letter-spacing:0;white-space:nowrap}.handle{position:absolute;width:8px;height:8px;background:var(--paper);border:1px solid var(--blue)}.tl{top:-4px;left:-4px}.tr{top:-4px;right:-4px}.bl{bottom:-4px;left:-4px}.br{bottom:-4px;right:-4px}.hero-description{margin-top:47px;font-size:20px;line-height:1.55;letter-spacing:-.02em}.hero-actions{margin-top:29px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;gap:22px;align-items:center;text-decoration:none;padding:17px 20px;font-size:14px;font-weight:800;border-radius:7px;transition:background .18s ease-out}.primary{background:var(--blue);color:#fff}.primary:hover{background:#003db3}.primary:focus-visible{outline-color:var(--ink)}.text-link{font-size:13px;display:flex;align-items:center;gap:12px;text-decoration:none}.hero-footnote{font-size:11px;color:var(--muted);margin-top:21px;line-height:1.5}
.demo-canvas{position:relative;min-width:0;min-height:625px;padding-top:54px;margin-top:8px}.canvas-ruler{position:absolute;top:0;left:0;right:0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted);padding-top:7px}.canvas-ruler:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 10px)}.audio-source{width:74%;margin-left:8%;background:#fff;padding:20px 23px 16px;border-radius:12px;box-shadow:0 10px 24px #191b1e14}.source-heading{display:flex;gap:9px;align-items:center;font:11px var(--mono)}.source-heading svg{width:17px;height:17px;stroke:var(--ink);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sample-badge{margin-left:auto;font:9px var(--mono);color:var(--muted);background:var(--paper);padding:4px 6px;border-radius:3px}.waveform{height:69px;display:flex;align-items:center;justify-content:center;gap:4px;padding-top:11px}.waveform i{width:4px;background:var(--blue);border-radius:2px;height:13%}.waveform i:nth-child(3n){height:40%}.waveform i:nth-child(4n){height:67%}.waveform i:nth-child(5n){height:88%}.waveform i:nth-child(7n){height:54%}.source-footer{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted);margin-top:17px}.source-footer svg{color:var(--blue)}.text-output{position:relative;background:#fff;border:1px solid var(--blue);margin:32px 2% 0 0;animation:selection-reveal 1s cubic-bezier(.16,1,.3,1) both}.output-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--blue-soft);color:#163363;font:10px var(--mono);gap:10px}.sample-switch{display:flex;gap:4px}.sample-switch button{font:10px var(--mono);padding:6px 8px;border:0;background:transparent;color:#163363;border-radius:3px}.sample-switch button[aria-pressed=true]{color:#fff;background:var(--blue)}.sample-switch button:hover{background:#c6d8fe;color:#132f5f}.sample-switch button[aria-pressed=true]:hover{background:#003db3;color:#fff}.output-content{padding:24px 25px;font-size:24px;font-weight:800;line-height:1.48;letter-spacing:-.025em;min-height:225px}.output-content p+p{margin-top:19px}.output-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 20px;border-top:1px solid #e8e8e3;color:var(--muted);font-size:10px}.copy-button{border:0;background:transparent;padding:5px;color:var(--muted);border-radius:3px}.copy-button:hover{color:var(--blue);background:var(--blue-soft)}.copy-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.inspector{position:relative;z-index:2;width:79%;margin:-10px 0 0 10%;background:var(--panel);color:#e8eaed;border-radius:12px;box-shadow:var(--shadow);padding:17px 21px 16px;transform:rotate(-2deg)}.inspector-heading{display:flex;align-items:center;gap:7px;font-size:11px}.inspector-heading>span:last-child{margin-left:auto;font:9px var(--mono);color:#afb4bd}.inspector-dot{width:6px;height:6px;border-radius:50%;background:#91a4ce}.inspector pre{font:10px/1.8 var(--mono);margin:12px 0 9px;overflow-x:auto}.code-key{color:#a5c1ff}.code-string{color:#e9d59c}.inspector p{color:#b6bbc4;font-size:9px}.sticky-note{position:absolute;right:-1px;top:32px;z-index:3;background:var(--yellow);padding:20px 18px 12px;transform:rotate(6deg);box-shadow:0 9px 18px #3733231a;font-size:17px;font-weight:800;line-height:1.3;letter-spacing:-.025em}.sticky-note svg{width:42px;height:18px;margin-top:4px}.canvas-caption{text-align:center;color:var(--muted);font:9px/1.5 var(--mono);margin:28px 0 0}
.engine-section{padding:73px var(--space) 81px;border-top:1px solid var(--line);background:#f4f3eef2}.engine-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:end;max-width:1300px;margin:auto}.engine-intro h2,.integration-section h2{font-size:clamp(34px,4vw,60px);letter-spacing:-.04em;line-height:1.1;font-weight:800}.engine-intro p{max-width:47ch;font-size:16px;color:var(--muted)}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);max-width:1300px;margin:51px auto 0;padding:0;list-style:none;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.pipeline li{padding:23px 20px 23px 0;position:relative}.pipeline li:not(:last-child):after{content:"";position:absolute;right:20px;top:32px;width:7px;height:7px;border-top:1px solid var(--blue);border-right:1px solid var(--blue);transform:rotate(45deg)}.step-name{display:block;font-size:19px;font-weight:800;letter-spacing:-.025em}.step-description{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.engine-notes{display:grid;grid-template-columns:1fr 1fr;gap:68px;max-width:1300px;margin:31px auto 0}.engine-notes p{max-width:62ch;font-size:13px;line-height:1.8;color:var(--muted)}.engine-notes strong{color:var(--ink)}.integration-section{background:var(--blue);color:#fff;padding:75px var(--space);display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.integration-section>div{max-width:720px}.integration-section p{max-width:52ch;font-size:14px;color:#d7e5ff;margin-top:25px;line-height:1.85}.integration-link{text-decoration:none;max-width:480px;border-top:1px solid #80a9ff;border-bottom:1px solid #80a9ff;padding:21px 0 23px;display:block}.integration-link-label{font-size:11px;color:#d7e5ff;display:block;margin-bottom:8px}.integration-link>span:nth-child(2){font-size:46px;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;justify-content:space-between}.integration-link svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5}.integration-link small{font-size:11px;color:#d7e5ff}.integration-link:hover>span:nth-child(2){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px}.integration-link:focus-visible{outline-color:#fff}.closing{padding:71px var(--space);display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{font-size:clamp(30px,3.4vw,47px);font-weight:800;line-height:1.12;letter-spacing:-.04em}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px var(--space);font-size:11px;border-top:1px solid var(--line);color:var(--muted)}.site-footer>span:first-child{font-weight:800;color:var(--ink)}.site-footer a{text-decoration:none}
@keyframes selection-reveal{from{clip-path:inset(0 0 12% 0);filter:blur(1px)}to{clip-path:inset(-8px);filter:blur(0)}}
@media(min-width:1600px){.integration-section{padding-right:max(var(--space),calc((100vw - 1472px)/2));padding-left:max(var(--space),calc((100vw - 1472px)/2))}}
@media(max-width:1050px){.hero{gap:25px;padding-top:64px}.hero-actions{gap:20px}.hero-description{font-size:17px}.demo-canvas{min-height:600px}.audio-source{width:82%;margin-left:0}.output-toolbar{padding:12px}.output-content{font-size:21px;padding:20px;min-height:230px}.inspector{width:93%;margin-left:5%;padding:16px}.sticky-note{font-size:15px;padding:15px}.engine-intro{gap:30px}.engine-notes{gap:35px}.integration-section{gap:40px}}
@media(max-width:760px){.site-header{padding-top:21px;padding-bottom:21px}.wordmark{font-size:20px;gap:9px}.wordmark>svg{width:29px;height:29px}nav{gap:20px}nav a{font-size:12px}nav a:first-child{display:none}.hero{display:block;padding-top:49px;padding-bottom:45px;overflow:hidden}h1{font-size:clamp(68px,15vw,108px)}h1>.selection{padding-right:20px}.selection-label{font-size:9px;line-height:23px;bottom:-23px}.hero-description{margin-top:41px;font-size:18px}.hero-actions{margin-top:24px;gap:25px}.hero-footnote{font-size:10px;margin-top:18px}.demo-canvas{margin-top:52px;min-height:0;padding-top:49px;padding-bottom:0}.audio-source{width:82%;margin-left:0;padding:18px}.sticky-note{right:0;top:23px;padding:13px;font-size:14px}.text-output{margin-top:25px;margin-right:0}.output-toolbar{padding:13px}.output-content{min-height:214px;font-size:23px;padding:22px}.output-footer{padding:12px 15px;font-size:9px}.inspector{width:88%;margin-top:-1px;margin-left:8%;padding:17px 18px}.inspector pre{font-size:9px}.canvas-caption{font-size:8px;margin-top:23px}.engine-section{padding-top:47px;padding-bottom:47px}.engine-intro{display:block}.engine-intro h2,.integration-section h2{font-size:37px}.engine-intro p{font-size:14px;margin-top:24px;max-width:55ch}.pipeline{grid-template-columns:1fr 1fr;margin-top:30px}.pipeline li{padding:20px 13px 20px 0}.pipeline li:nth-child(-n+2){border-bottom:1px solid var(--line)}.pipeline li:after{display:none}.step-name{font-size:17px}.step-description{font-size:10px;max-width:20ch}.engine-notes{display:block;margin-top:25px}.engine-notes p{font-size:12px}.engine-notes p+p{margin-top:16px}.integration-section{display:block;padding-top:48px;padding-bottom:48px}.integration-section p{font-size:13px;margin-top:22px}.integration-link{margin-top:35px;max-width:none}.integration-link>span:nth-child(2){font-size:38px}.closing{display:block;padding-top:46px;padding-bottom:46px}.closing h2{font-size:34px}.closing .button{margin-top:27px}.site-footer{flex-wrap:wrap;font-size:10px;gap:13px}.site-footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Documentation shares the landing's typography, ink, and useful drafting marks. */
.docs-body{background-image:none}.docs-layout{max-width:1150px;margin:0 auto;padding:56px var(--space) 80px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:45px}.docs-nav{font-size:12px;position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;gap:14px}.docs-nav a{text-decoration:none;color:var(--muted)}.docs-nav a:hover{color:var(--blue)}.docs-main{min-width:0}.docs-main h1{font-size:clamp(40px,5vw,66px);letter-spacing:-.04em;line-height:1.1;margin-bottom:23px}.docs-lead{font-size:18px;color:var(--muted);max-width:57ch}.docs-main h2{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:49px 0 17px}.docs-main h3{font-size:18px;line-height:1.3;margin:30px 0 11px;letter-spacing:-.025em;font-weight:800}.docs-main p,.docs-main li{font-size:14px;line-height:1.85;max-width:74ch}.docs-main p+p{margin-top:14px}.docs-main ul{padding-left:20px}.docs-main code{font:12px/1.7 var(--mono);background:#e5e6e0;padding:2px 5px;overflow-wrap:anywhere}.docs-main pre{background:var(--panel);color:#f1f2f4;padding:23px;border-radius:10px;font:12px/1.8 var(--mono);overflow-x:auto;max-width:100%;margin:22px 0}.docs-main pre code{font:inherit;background:none;padding:0;overflow-wrap:normal}.docs-notice{margin-top:27px;background:#ecece6;padding:20px 22px;border-radius:8px}.docs-notice strong{display:block;margin-bottom:4px;font-size:13px}.docs-notice p{font-size:12px;color:var(--muted)}.contract-fields{margin:21px 0 0}.contract-fields div{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:13px 0;border-top:1px solid var(--line)}.contract-fields dt{font:12px/1.7 var(--mono)}.contract-fields dd{font-size:13px;line-height:1.7;margin:0;color:var(--muted)}.route{margin:24px 0;border-top:1px solid var(--line);padding-top:20px}.route h3{margin-top:0}.route h3 code{font-size:13px;background:none;padding:0;color:var(--blue)}.docs-main .small-note{font-size:12px;color:var(--muted)}
@media(max-width:760px){.docs-layout{display:block;padding-top:34px}.docs-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:10px 20px;margin-bottom:33px;font-size:11px}.docs-lead{font-size:16px}.docs-main h2{font-size:25px;margin-top:39px}.docs-main pre{padding:17px;font-size:10px}.contract-fields div{grid-template-columns:120px 1fr;gap:12px}.contract-fields dd{font-size:12px}.contract-fields dt{font-size:11px}}
/* Functional annotations remain readable at both canvas sizes. */
.selection-label,.canvas-ruler,.hero-footnote,.sample-badge,.source-footer,.output-toolbar,.sample-switch button,.output-footer,.inspector-heading>span:last-child,.inspector p,.canvas-caption,.step-description,.site-footer{font-size:11px}
.sample-switch button{min-height:34px}.copy-button{min-width:34px;min-height:34px}.inspector pre{font-size:11px}.docs-main pre{font-size:12px}
.docs-nav a:first-child{display:block}.docs-body .site-header nav a:first-child{display:flex}