@import url('/fonts.css');
:root{--paper:#f4f1ea;--ink:#121212;--blue:#335cff;--lime:#c8ff3d;--line:#d9d7d0;--muted:#5e5e59;--mono:'IBM Plex Mono',ui-monospace,monospace;--sans:'Geist',Arial,sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}header{max-width:1440px;margin:auto;height:108px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:28px;letter-spacing:-1.4px;font-weight:750;display:inline-flex;align-items:center;gap:10px}.mark{color:var(--blue);font-size:35px}.wordmark-dot{font-size:11px;align-self:flex-start;margin-top:6px;letter-spacing:0}nav{display:flex;align-items:center;gap:40px;font-size:14px;font-weight:600}.nav-action{border:1px solid var(--ink);padding:13px 19px;display:flex;gap:28px}.mono,.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.05em}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;text-transform:uppercase}.eyebrow:before{content:'';width:8px;height:8px;background:var(--blue)}.hero{max-width:1440px;margin:auto;padding:70px 5% 76px;display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center}.hero h1{font-size:clamp(56px,6.1vw,88px);font-weight:550;line-height:1.01;letter-spacing:-.075em;margin:33px 0 27px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:435px;line-height:1.65;font-size:18px;color:#4c4c47}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin:30px 0 20px}.button{border:0;display:inline-flex;gap:34px;align-items:center;justify-content:space-between;background:var(--blue);color:white;padding:17px 23px;font-size:14px;font-weight:600}.button:hover{background:#2448d8}.button.dark{background:var(--ink)}.button.quiet{background:transparent;border:1px solid var(--line);color:var(--ink)}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding:5px 0}.micro{font:12px var(--mono);color:var(--muted);line-height:1.7}.packet-board{background:var(--blue);color:white;position:relative;min-height:460px;padding:28px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.board-top{display:flex;justify-content:space-between;align-items:center}.board-top span:last-child{color:var(--lime)}.flow{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:10px;margin:58px 0 32px}.source-packet{border:1px solid #ffffff60;padding:18px 15px;font:14px var(--mono);transform:rotate(-5deg);background:#335cff}.source-packet strong{display:block;font-size:28px;letter-spacing:-1px;margin:13px 0 30px;font-weight:400}.packet-engine{background:var(--lime);color:var(--ink);padding:24px 12px;text-align:center;font-weight:700;font-size:17px;transform:rotate(4deg)}.packet-engine span{display:block;font-size:45px;margin:5px 0 20px}.arrow{text-align:center;font-size:22px}.board-code{font:13px/1.7 var(--mono);background:#1d3fae;padding:22px;margin:0;white-space:pre-wrap}.board-code b{color:var(--lime);font-weight:400}.board-bottom{margin-top:24px;display:flex;justify-content:space-between;font:11px var(--mono)}.rail{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;padding:20px 5%;gap:16px;font:12px var(--mono);letter-spacing:.025em}.rail span:before{content:'+';margin-right:15px;color:var(--blue)}.how{max-width:1440px;margin:auto;padding:74px 5% 80px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading h2{font-size:42px;font-weight:500;letter-spacing:-2px;margin:0}.section-heading p{max-width:320px;line-height:1.6;color:var(--muted);font-size:15px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr)}.step{padding:0 35px;border-left:1px solid var(--line)}.step:first-child{padding-left:0;border:0}.step .number{font:14px var(--mono);color:var(--blue);margin-bottom:28px}.step h3{font-size:21px;letter-spacing:-.5px;font-weight:550}.step p{font-size:15px;line-height:1.7;color:var(--muted);max-width:285px}.closing{margin:0 5% 70px;background:var(--ink);color:var(--paper);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.closing h2{margin:0;font-size:30px;font-weight:500;letter-spacing:-1px}.closing p{color:#bdbdb6;line-height:1.5}.closing .button{background:var(--lime);color:var(--ink);white-space:nowrap}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}footer .wordmark{font-size:21px;color:var(--ink)}.workspace,.docs{max-width:1200px;margin:auto;padding:50px 5% 70px;min-height:75vh}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.page-heading h1,.docs h1{font-size:48px;line-height:1.1;letter-spacing:-2.5px;font-weight:500;margin:18px 0 10px}.page-heading p{color:var(--muted);line-height:1.6;margin:0}.pill{font:12px var(--mono);padding:9px 12px;border:1px solid var(--line);white-space:nowrap}.workspace-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;align-items:start}.dropzone{border:1px dashed #93948d;padding:45px 22px;text-align:center;background:#faf8f3;transition:background .15s}.dropzone.drag{background:#e5eaff;border-color:var(--blue)}.upload-icon{font:38px var(--mono);color:var(--blue);margin-bottom:20px}.dropzone h2{font-size:23px;letter-spacing:-.5px;font-weight:500}.dropzone p{font-size:14px;color:var(--muted);line-height:1.7}.dropzone .button{margin:12px 0}.sample{display:block;margin:17px auto 0;border:0;border-bottom:1px solid var(--ink);background:transparent;font-size:14px;padding:4px 0}.sample-note{max-width:280px;margin:10px auto!important;font-size:12px!important}.panel{border:1px solid var(--line);padding:25px}.panel h2{font-size:18px;letter-spacing:-.3px;margin:0 0 24px;font-weight:600}.pipeline{list-style:none;margin:0;padding:0}.pipeline li{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.pipeline li:last-child{border:0}.pipeline .step-icon{width:25px;height:25px;border:1px solid var(--line);display:grid;place-items:center;font:12px var(--mono)}.pipeline li.done .step-icon{background:var(--lime);border-color:var(--lime)}.pipeline li.active .step-icon{background:var(--blue);border-color:var(--blue);color:white}.pipeline small{margin-left:auto;font:11px var(--mono);color:var(--muted)}.status{min-height:25px;font-size:14px;line-height:1.6;margin:20px 0}.status.error{color:#a32420}.result{margin-top:25px}.result[hidden]{display:none}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-bottom:1px solid var(--line);padding:4px 0 22px}.metrics span{display:block;color:var(--muted);font-size:12px;margin-bottom:12px}.metrics strong{font-weight:500;font-size:25px;letter-spacing:-1px}.result .actions{margin-bottom:5px;gap:12px}.result .button{padding:12px 14px;font-size:12px;gap:15px}pre{overflow:auto;font:12px/1.7 var(--mono);tab-size:2}.json-view{background:var(--ink);color:#e5e9dc;padding:20px;max-height:330px;margin-top:20px}.recent{margin-top:42px}.recent h2{font-size:21px;font-weight:500}.recent-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:18px 0;font-size:14px}.recent-row button{background:none;border:0;color:var(--blue);font:13px var(--mono);text-align:left}.recent-row span{font:12px var(--mono)}.empty{color:var(--muted);font-size:14px;line-height:1.6}.docs{max-width:1000px}.docs .intro{max-width:600px;line-height:1.7;color:var(--muted)}.doc-section{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.doc-section h2{font-size:25px;font-weight:500;letter-spacing:-.6px}.doc-section p{line-height:1.7;color:var(--muted)}.endpoint{font:14px var(--mono);overflow-wrap:anywhere}.docs pre{padding:25px;background:var(--ink);color:var(--paper);font-size:13px}.skip{position:absolute;top:-100px;padding:15px;background:white;z-index:20}.skip:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sha{overflow-wrap:anywhere;font:11px/1.7 var(--mono);color:var(--muted);margin-top:20px}
@media(min-width:1500px){.closing{max-width:1296px;margin-left:auto;margin-right:auto}}@media(max-width:800px){header{height:85px;padding:0 6%}nav{gap:18px}.wordmark{font-size:24px}.nav-action{padding:11px;gap:14px}.hero{grid-template-columns:1fr;padding:45px 6%;gap:40px}.hero h1{font-size:68px;max-width:600px}.packet-board{min-height:410px}.flow{max-width:400px;width:100%;align-self:center;margin:35px 0}.rail{display:grid;grid-template-columns:1fr 1fr;font-size:11px;padding:20px 6%;row-gap:20px}.how{padding:48px 6%}.section-heading{align-items:start;flex-direction:column;gap:18px}.section-heading h2{font-size:36px}.step{padding:0 20px}.closing{padding:30px;align-items:start;flex-direction:column}.workspace-grid{grid-template-columns:1fr}footer{flex-wrap:wrap}footer .mono{display:none}.page-heading{align-items:start;flex-direction:column}}@media(max-width:480px){nav>a:first-child{display:none}.hero h1{font-size:57px}.hero p{font-size:17px}.steps{grid-template-columns:1fr}.step{padding:20px 0;border:0;border-top:1px solid var(--line)}.step:first-child{padding-top:0}.step .number{margin-bottom:12px}.packet-board{padding:22px}.board-code{font-size:11px}.rail{font-size:10px;gap:15px}.rail span:before{margin-right:8px}.page-heading h1{font-size:40px}.metrics strong{font-size:21px}.closing h2{font-size:27px}footer>span{font-size:12px}.recent-row{flex-wrap:wrap}.wordmark{font-size:22px}.nav-action{font-size:12px}.mark{font-size:28px}.board-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.flow{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.source-packet,.packet-engine{min-width:0}.board-top{gap:14px}.board-top span:last-child{white-space:nowrap}.result .actions .sample{margin:0 0 0 auto}.result .actions{flex-wrap:wrap}@media(max-width:480px){.source-packet{font-size:10px;padding:15px 10px}.source-packet strong{font-size:25px}.packet-engine{font-size:14px;padding:20px 8px}.board-top{font-size:9px}.board-bottom{font-size:8px;gap:10px}.result .actions .sample{margin:10px 0 0}.pipeline small{font-size:10px}}