@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxhTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAkJxhTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAfJthTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZthTg.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE-_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE-_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format('truetype');
}

:root{color-scheme:dark;--bg:#0b0d0e;--panel:#141718;--line:#2a3032;--text:#f1f3ef;--muted:#a4aba9;--blue:#74a4ff;--green:#bce3cb;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:#37639e;color:white}.site-header,.site-footer,main{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.site-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-weight:800;letter-spacing:.24em;font-size:18px;white-space:nowrap}.wordmark span{font-size:27px;letter-spacing:0;margin-right:14px}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{text-decoration:none;color:var(--muted)}.site-header nav a:hover,.site-header nav a[aria-current]{color:white}.site-footer{padding-top:42px;padding-bottom:36px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr;gap:30px;color:var(--muted);font-size:13px;line-height:1.7}.site-footer nav{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap}.site-footer address{font-style:normal}.site-footer .fine{grid-column:1/-1;font-size:12px;margin:0;color:#939b98}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 25px;display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;background:var(--green);border-radius:50%;display:inline-block}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:1.1;font-weight:500}h1{font-size:clamp(42px,5.9vw,78px);margin:0 0 28px}h2{font-size:clamp(29px,3.3vw,43px);margin:0 0 24px}h3{font-size:22px;margin:0 0 14px;line-height:1.25}p,li{line-height:1.7}p{margin:0 0 20px}.lede{font-size:18px;color:var(--muted);max-width:600px;line-height:1.7}.hero{padding:92px 0 90px;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:55px}.hero h1 span{color:var(--muted)}.hero .lede{font-size:17px;max-width:450px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--text);color:#0b0d0e;border:1px solid var(--text);padding:14px 23px;border-radius:4px;text-decoration:none;font-weight:600;font-size:14px;min-height:48px}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.button:hover{background:#c6d9d0;color:#0b0d0e}.hero-note{font-size:12px;color:var(--muted);margin-top:20px}.route-art{position:relative;min-height:470px;border:1px solid #2d3534;background:#111715;border-radius:6px;overflow:hidden;isolation:isolate}.route-art svg{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.art-label{position:absolute;top:24px;left:24px;color:#9daa9f;font-size:10px;letter-spacing:.18em}.route-preview{position:absolute;left:24px;right:24px;bottom:24px;box-shadow:0 12px 60px #0008;background:#171b19;border:1px solid #39403c;border-radius:6px;padding:22px 24px}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px}.preview-head small{color:var(--green);font-size:11px}.preview-stop{display:flex;gap:16px;align-items:center;padding:11px 0;font-size:14px}.number{flex-shrink:0;width:29px;height:29px;border-radius:50%;border:1px solid #475049;display:grid;place-items:center;font-size:10px}.number.active{background:var(--text);color:#111}.preview-stop small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.preview-button{margin-top:17px;background:#3e77e3;border-radius:3px;text-align:center;padding:12px;font-size:12px;font-weight:600;color:white}.spec-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0;gap:22px}.spec-strip strong{font-family:Manrope,sans-serif;font-size:24px;font-weight:500}.spec-strip span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.section{padding:88px 0;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.section-heading{display:flex;gap:50px;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.section-heading .lede{max-width:430px;font-size:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:48px}.steps article{border-top:1px solid var(--line);padding-top:24px}.step-label{color:var(--green);font-size:12px;display:block;margin-bottom:32px}.steps p{font-size:15px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.code-panel{border:1px solid var(--line);border-radius:5px;background:#111416;padding:25px;min-width:0}.code-panel .eyebrow{color:var(--green)}pre{font-size:12px;line-height:1.8;overflow-x:auto;white-space:pre;padding:20px;background:#101516;border:1px solid var(--line);border-radius:4px;color:#c7dfd2;max-width:100%;tab-size:2}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}pre code{font-size:inherit;overflow-wrap:normal}.code-panel pre{border:0;padding:0;background:transparent;margin:0}.inline-link{color:var(--green);font-size:14px}.price{font-size:48px;letter-spacing:-.05em;font-family:Manrope,sans-serif;line-height:1.2}.price span{font-size:17px;letter-spacing:0;color:var(--muted)}.note{font-size:13px;color:var(--muted)}.callout{border-left:2px solid var(--green);padding:15px 20px;background:#141b17;font-size:14px;color:#c5d6cb;margin:28px 0}.page-heading{padding:65px 0 42px;max-width:850px}.page-heading h1{font-size:clamp(42px,5vw,64px)}.docs-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:55px;padding-bottom:80px}.toc{font-size:13px;line-height:1.5}.toc nav{position:sticky;top:28px;display:flex;flex-direction:column;gap:16px}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:white}.doc-body{max-width:870px;min-width:0}.doc-body section{border-top:1px solid var(--line);padding:34px 0 18px}.doc-body h2{font-size:29px;letter-spacing:-.03em}.doc-body h3{font-size:20px;margin-top:28px}.doc-body p,.doc-body li{font-size:15px;color:#bec5c1}.endpoint{display:flex;gap:12px;align-items:flex-start;padding:15px 18px;border:1px solid var(--line);background:#121817;border-radius:4px;font-size:13px;line-height:1.6}.method{color:var(--green);font-weight:700}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:4px;margin:22px 0}table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7}td,th{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 15px}th{font-weight:600;color:#f0f3ef;background:#141a17}td{color:#bac4bf}tr:last-child td{border:0}.document{max-width:900px;padding-top:65px;padding-bottom:75px}.document h1{font-size:clamp(42px,5vw,62px)}.document h2{font-size:27px;margin-top:38px}.document h3{font-size:21px}.document p,.document li{color:#bec5c1}.document a{color:var(--green)}.document .lede{max-width:100%}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:12px 0 55px}.help-card{border:1px solid var(--line);padding:25px;text-decoration:none;min-height:185px;display:block;border-radius:4px}.help-card:hover{background:var(--panel)}.help-card span{font-size:12px;color:var(--green)}.help-card h2{font-size:23px;margin:28px 0 12px}.help-card p{font-size:14px;color:var(--muted);margin:0}.faq{max-width:900px;margin-bottom:75px}.faq h2{font-size:30px;margin-top:50px}details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:16px;line-height:1.5;cursor:pointer;padding-right:20px}details p,details ol{font-size:15px;color:var(--muted);margin-top:18px;margin-bottom:0}details a{color:var(--green)}.skip{position:absolute;left:16px;top:-70px;background:white;color:black;padding:10px;z-index:10}.skip:focus{top:12px}@media(max-width:850px){.site-header,.site-footer,main{padding-left:26px;padding-right:26px}.hero{gap:30px;padding:58px 0}.hero h1{font-size:53px}.route-art{min-height:450px}.split{gap:35px}.docs-grid{grid-template-columns:145px minmax(0,1fr);gap:28px}.help-grid{gap:12px}.help-card{padding:20px}}@media(max-width:650px){.site-header{min-height:80px;gap:14px}.site-header nav{gap:19px;font-size:13px}.wordmark{font-size:13px;letter-spacing:.19em}.wordmark span{font-size:21px;margin-right:7px}.hero{grid-template-columns:1fr;gap:38px;padding-top:48px}.hero h1{font-size:clamp(43px,12vw,66px);max-width:440px}.hero .lede{font-size:16px}.route-art{min-height:430px}.spec-strip{gap:12px}.spec-strip strong{font-size:21px}.spec-strip span{font-size:11px}.section{padding:55px 0}.section-heading{display:block;margin-bottom:25px}.steps,.split{grid-template-columns:1fr;gap:30px}.steps{margin-top:25px}.step-label{margin-bottom:22px}.steps article{padding-top:20px}.site-footer{grid-template-columns:1fr;gap:24px;padding-top:30px}.site-footer nav{justify-content:flex-start;gap:20px}.page-heading{padding:45px 0 30px}.docs-grid{display:block;padding-bottom:45px}.toc{margin:0 0 28px}.toc nav{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 22px}.doc-body section{padding-top:28px}.help-grid{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.help-card{min-height:0;padding:22px}.help-card h2{margin:12px 0 9px}.document{padding-top:45px}.endpoint{display:block}.method{display:block;margin-bottom:6px}.route-preview{left:20px;right:20px;padding:20px}.site-footer .fine{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.use-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.use-case-grid article{border-top:1px solid var(--line);padding:28px 0 18px}.use-case-index{display:block;color:var(--green);font-size:10px;letter-spacing:.12em;margin-bottom:24px}.use-case-grid h3{font-size:25px}.use-case-grid p{color:var(--muted);font-size:15px;max-width:480px}@media(max-width:650px){.use-case-grid{grid-template-columns:1fr;gap:0}.use-case-grid article{padding:24px 0 14px}.use-case-index{margin-bottom:18px}}

/* Audience-specific route illustrations and connected-workflow story. */
.hero { gap: 40px; }
.hero h1 { font-size: clamp(40px, 4.7vw, 68px); }
.audience-demo { min-width: 0; }
.audience-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.audience-tabs button { font: inherit; font-size: 13px; cursor: pointer; padding: 10px 13px; border: 1px solid #303737; border-radius: 24px; color: #b5bcb8; background: transparent; }
.audience-tabs button[aria-pressed="true"] { background: #c0e5cb; color: #13251a; border-color: #c0e5cb; }
.audience-tabs button:focus-visible { outline: 2px solid #74a4ff; outline-offset: 3px; }
.audience-demo .route-art { color: #bce3cb; min-height: 490px; }
.demo-caption { font-size: 12px; margin-top: 12px; }
.connections > .lede { max-width: 720px; }
.connection-flow { display: grid; grid-template-columns: 1fr 160px 1fr; align-items: center; gap: 24px; margin: 42px 0 28px; }
.source-stack { display: grid; gap: 12px; }
.source-stack > div { border: 1px solid #303a35; border-radius: 12px; padding: 20px 24px; background: #141a17; font-size: 22px; }
.source-stack strong { font-size: 18px; margin-left: 12px; }
.source-stack small { display: block; color: #a4aba9; font-size: 13px; margin: 7px 0 0 34px; }
.flow-link { text-align: center; color: #bce3cb; }
.flow-link span { display: block; font-size: 48px; animation: route-transfer 1.8s ease-in-out 3; }
.flow-link small { font-size: 12px; color: #a4aba9; }
.flow-destination { border: 1px solid #526b59; border-radius: 18px; padding: 45px 24px; text-align: center; background: radial-gradient(ellipse at top,#243b2c,#111a14); }
.flow-destination > span { display: block; font-size: 66px; color: #bce3cb; }
.flow-destination strong { display: block; font-size: 22px; letter-spacing: .15em; margin: 18px 0; }
.flow-destination small { color: #b6c2b9; line-height: 1.8; }
@keyframes route-transfer { 0%,100% { transform: translateX(-10px); opacity: .35; } 55% { transform: translateX(10px); opacity: 1; } }
@media (max-width: 650px) { .connection-flow { grid-template-columns: 1fr; gap: 12px; } .flow-link span { transform: rotate(90deg); animation: none; } .flow-destination { padding: 24px; } .hero h1 { font-size: clamp(38px,10vw,58px); } .audience-demo .route-art { min-height: 480px; } .audience-tabs button { padding: 9px 11px; font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .flow-link span { animation: none; } }
.document a.button { color: #0b0d0e; }
.document a.button.secondary { color: var(--text); }
