:root{--bg:#f7f9fe;--ink:#17244b;--muted:#586785;--blue:#2345d7;--line:#d8dfed;--v-frame-max:1220px;color-scheme:light}body{background:var(--bg);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}p,h1,h2,h3,figure,dl,dd{margin:0}a{color:inherit;text-decoration:none}main a:hover{text-decoration:underline;text-underline-offset:4px}button{cursor:pointer}.wrap{width:min(1220px,calc(100% - 100px));margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;min-height:100px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:24px;letter-spacing:-1px;font-weight:800;gap:8px}.brand>span{font-weight:400;margin-left:-9px}.brand small{font:12px/1.6 Consolas,monospace;letter-spacing:1px;border-left:1px solid var(--line);margin-left:8px;padding-left:16px;color:var(--muted)}nav{display:flex;align-items:center;gap:24px;font-size:12px}.nav-cta{font-weight:700;color:var(--blue)}.nav-cta>span{margin-left:12px}.workbench{display:grid;grid-template-columns:1fr 1.04fr;gap:48px;padding-top:64px;align-items:center}.eyebrow{font:12px/1.6 Consolas,monospace;letter-spacing:1.3px;color:var(--blue)}.eyebrow>span{font-size:16px;vertical-align:middle;margin-right:4px}h1{font-size:clamp(40px,4.4vw,64px);line-height:1.6;letter-spacing:-2.8px;font-weight:600;margin:24px 0}h1>span{color:var(--blue)}.lead{font-size:14px;color:var(--muted);max-width:430px;line-height:1.6}.primary-group{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.primary-group>p{font-size:12px;color:var(--muted);line-height:1.6}.cta{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;color:white;background:var(--blue);border:1px solid var(--blue);padding:12px 16px;border-radius:4px;font-size:12px;font-weight:700;line-height:1.6;transition:background .18s,transform .18s}.cta:hover{background:#1535bb;text-decoration:none;transform:translateY(-2px)}.cta>span{font-size:20px;line-height:1.6}.request-workbench{border:1px solid #c2cce3;background:#fff;border-radius:4px;box-shadow:0 14px 34px #26376d0b;overflow:hidden}.bench-title{display:flex;align-items:center;gap:8px;padding:16px 16px;border-bottom:1px solid var(--line);font-size:12px}.code-mark{font:16px/1.6 Consolas,monospace;color:var(--blue)}.file-type{margin-left:auto;font:12px/1.6 Consolas,monospace;color:var(--muted)}.request-address{display:flex;align-items:center;gap:16px;padding:16px 16px 12px}.request-address>span{background:#e2f4e9;color:#235837;font:12px/1.6 Consolas,monospace;padding:4px 8px;border-radius:4px}.request-address code{font:12px/1.6 Consolas,monospace;color:var(--ink);overflow-wrap:anywhere}.request-settings{display:flex;gap:24px;padding:0 16px 16px;font-size:12px;color:var(--muted)}.request-settings b{margin-left:8px;font:12px/1.6 Consolas,monospace;font-weight:normal}.code-area{background:#17244b;color:#eef2ff;padding:16px}.code-label{display:flex;justify-content:space-between;gap:8px;font:12px/1.6 Consolas,monospace;letter-spacing:.5px;color:#b5c4ea}.code-area pre{margin:16px 0 16px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 Consolas,monospace;min-height:82px}.code-actions{display:flex;gap:8px;flex-wrap:wrap}.code-actions button{border:1px solid #8396c5;border-radius:4px;padding:8px 12px;font:12px/1.6 Consolas,monospace;background:transparent;color:#eef2ff}.code-actions button:hover{background:#2a3c70}.code-actions button span{margin-left:12px}#code-status{font-size:12px;color:#b5c4ea;line-height:1.6;margin-top:12px;min-height:29px}.response-shape{padding:16px 16px;background:#eef2ff}.response-shape>span{font:12px/1.6 Consolas,monospace;letter-spacing:1px;color:var(--muted)}.response-shape>div{display:flex;align-items:center;gap:12px;margin:8px 0}.response-shape code{font:12px/1.6 Consolas,monospace;background:#fff;border:1px solid #d1daef;padding:4px 8px;border-radius:4px}.response-shape i{font-style:normal;color:#687eae}.response-shape p{font-size:12px;color:var(--muted)}.bench-caption{font-size:12px;color:var(--muted);padding:12px 16px;border-top:1px solid var(--line)}.integration-strip{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:24px 0;border-block:1px solid var(--line);margin-top:12px;font:12px/1.6 Consolas,monospace;color:var(--blue)}.integration-strip b{font-size:12px;letter-spacing:1px;color:var(--muted);font-weight:normal;margin-left:8px}.integration-strip i{height:1px;background:var(--line);flex:1}.build-section{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;padding-block:64px}.build-map{background:#eef2fd;border-radius:4px;padding:16px}.build-map img{width:100%;height:auto}.caption{font-size:12px;color:var(--muted);text-align:center;padding:0 12px 12px}h2{font-size:32px;line-height:1.6;letter-spacing:-1px;font-weight:600;margin:16px 0 24px}.build-copy dl>div{margin-bottom:24px}.build-copy dt{font-size:14px;font-weight:700;line-height:1.6;margin-bottom:4px}.build-copy dd{font-size:12px;color:var(--muted)}.text-link{font-size:12px;color:var(--blue);font-weight:700}.access-header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:24px}.access-header h2{margin-bottom:0}.access-header>p{font-size:12px;color:var(--muted);max-width:270px}.free-lane{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#eef2ff;border:1px solid #c6d1ee;border-radius:4px;padding:24px 24px}.lane-tag{font:12px/1.6 Consolas,monospace;letter-spacing:1px;color:var(--blue)}.free-lane h3{font-size:24px;margin:4px 0 4px;font-weight:600}.free-lane p{font-size:12px;color:var(--muted)}.outline{background:white;color:var(--blue)}.outline:hover{color:white}.plan-table{margin-top:24px;overflow:auto;border:1px solid var(--line);border-radius:4px;background:white}table{width:100%;border-collapse:collapse;font-size:12px;min-width:600px}caption{text-align:left;padding:12px 24px;background:#eef2ff;font:12px/1.6 Consolas,monospace;color:var(--muted)}th,td{text-align:left;padding:16px 24px;border-top:1px solid var(--line)}thead th{font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:400;color:var(--muted)}tbody th{font-weight:400;font-size:12px}td b{display:block;font-weight:700;font-size:14px}td small{display:block;font-size:12px;color:var(--muted);margin-top:4px}td:nth-child(3){font-size:20px;letter-spacing:-.5px;white-space:nowrap}tr.featured{background:#eef2ff}td>.lane-tag{display:block;margin-bottom:4px}.plan-link{font-size:12px;font-weight:700;color:var(--blue);white-space:nowrap}.plan-link>span{margin-left:8px}.pricing-foot{font-size:12px;color:var(--muted);margin-top:16px;max-width:100%}.pricing-foot a{color:var(--blue);text-decoration:underline}.checklist-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding-block:64px}.checklist-title>p:last-child{font-size:12px;color:var(--muted);max-width:300px}.checklist-section dl>div{padding:16px 0;border-bottom:1px solid var(--line)}.checklist-section dl>div:first-child{padding-top:0}.checklist-section dt{font-size:12px;font-weight:700;display:flex;gap:12px}.checklist-section dt>span{color:var(--blue)}.checklist-section dd{font-size:12px;line-height:1.6;color:var(--muted);padding-left:24px;margin-top:4px}.launch-section{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;background:#fff;border:1px solid #bdc9e7;border-left:4px solid var(--blue);border-radius:4px;margin-bottom:64px}.launch-object{display:flex;align-items:center;gap:24px}.key-symbol{display:grid;place-items:center;width:67px;height:67px;flex-shrink:0;background:#eef2ff;border-radius:4px;color:var(--blue);font-size:48px}.launch-object h2{font-size:20px;max-width:380px;margin:8px 0 8px}.launch-object p{font-size:12px;max-width:370px;color:var(--muted)}.launch-section>.cta{flex-shrink:0}.footer{padding:32px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.45fr 1fr;gap:24px}.footer .brand{font-size:20px;align-self:start}.footer p{font-size:12px;color:var(--muted);max-width:650px}.footer>div{grid-column:1/-1;display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.footer>div span{margin-left:auto}.skip-link{background:var(--blue);color:white;padding:12px 16px}.no-js .code-actions{display:none}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.brand small{display:none}.workbench{gap:32px}h1{font-size:48px;letter-spacing:-2px}.build-section{gap:48px}.launch-section{gap:16px}.launch-object{gap:16px}.key-symbol{width:48px;height:48px;font-size:40px}.launch-object h2{font-size:20px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.masthead{min-height:74px}.brand{font-size:20px;gap:8px}.brand img{width:29px;height:29px}.masthead nav{gap:16px;font-size:12px}.masthead nav>a:first-child{display:none}.masthead .nav-cta{font-size:12px}.nav-cta>span{margin-left:4px}.workbench{grid-template-columns:1fr;gap:24px;padding-top:32px}.eyebrow{font-size:12px;letter-spacing:1px}h1{font-size:40px;line-height:1.6;letter-spacing:-2px;margin:12px 0 16px}.lead{font-size:12px;line-height:1.6}.primary-group{margin-top:16px;gap:12px}.primary-group>.cta{padding:12px 12px;font-size:12px;gap:12px}.primary-group>p{font-size:12px}.bench-title{padding:12px 16px;font-size:12px}.request-address{padding:16px 16px 8px;gap:8px}.request-address code{font-size:12px}.request-settings{padding:0 16px 12px;font-size:12px;gap:16px}.request-settings b{font-size:12px;margin-left:4px}.code-area{padding:16px}.code-label{font-size:12px;letter-spacing:0}.code-area pre{font-size:12px;line-height:1.6;margin:16px 0;min-height:74px}.code-actions button{font-size:12px;padding:8px 8px}#code-status{font-size:12px;min-height:26px;margin-top:8px}.response-shape{padding:12px 16px}.response-shape>div{gap:8px;margin:8px 0}.response-shape code{font-size:12px;padding:4px 8px}.response-shape p{font-size:12px}.bench-caption{font-size:12px;padding:8px 16px}.integration-strip{display:grid;grid-template-columns:1fr;gap:12px;margin-top:4px;padding:16px 0}.integration-strip i{display:none}.integration-strip>span{display:flex;align-items:center;gap:4px}.integration-strip b{font-size:12px;letter-spacing:.6px}.build-section{display:flex;flex-direction:column;gap:24px;padding-block:48px}.build-map{width:100%;padding:8px}.build-map img{max-height:300px;object-fit:contain}.caption{font-size:12px;padding-bottom:8px}h2{font-size:28px;margin:12px 0 24px;line-height:1.6}.build-copy dl>div{margin-bottom:24px}.build-copy dd{font-size:12px}.access-header{display:block;margin-bottom:24px}.access-header>p{max-width:100%;margin-top:16px;font-size:12px}.free-lane{align-items:start;padding:16px;flex-direction:column;gap:16px}.free-lane h3{font-size:24px}.free-lane p{font-size:12px}.free-lane .cta{font-size:12px;padding:12px 16px}.plan-table{overflow:visible;border:0;background:none}table{min-width:0;display:block;font-size:12px}caption{display:block;border:1px solid var(--line);border-radius:4px;padding:12px 16px}thead{display:none}tbody{display:block}tbody tr{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:16px 16px;border-bottom:1px solid var(--line);background:white}tbody tr.featured{border:1px solid #91a5e8;border-radius:4px;background:#eef2ff;margin-top:4px}th,td{display:block;border:0;padding:0}tbody th{grid-column:1/-1;font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:4px}td:nth-child(3){font-size:24px;grid-column:2;grid-row:2}td:nth-child(4){grid-column:1/-1;margin-top:8px}.plan-link{font-size:12px;display:inline-flex;gap:8px;align-items:center;padding-block:4px}.pricing-foot{font-size:12px;line-height:1.6}.checklist-section{display:block;padding-block:32px}.checklist-title>p:last-child{font-size:12px;max-width:100%}.checklist-section dl{margin-top:24px}.checklist-section dt{font-size:12px}.checklist-section dd{font-size:12px}.launch-section{flex-direction:column;align-items:start;padding:24px 16px;gap:24px;margin-bottom:32px}.launch-object{align-items:start;gap:12px}.key-symbol{width:38px;height:38px;border-radius:4px;font-size:32px}.launch-object h2{font-size:20px;margin-top:8px}.launch-object p{font-size:12px}.launch-section>.cta{font-size:12px}.footer{grid-template-columns:1fr;gap:16px;padding-block:24px}.footer>div{gap:16px}.footer>div span{margin-left:0;width:100%}}


h1{line-height:1.08}h2{line-height:1.2}p,figcaption{max-inline-size:none}dd{max-width:65ch}small{line-height:1.6}.eyebrow{max-inline-size:none}.plan-link{text-decoration:underline;text-underline-offset:4px}.hero-actions{margin-top:24px}.plan-purchase .price,.price small{line-height:1.6}
.brand>span{margin-left:0}.request-address code{font-size:12px}.request-settings{font-size:12px}.code-area pre{font-size:14px;line-height:1.6}#code-status,.bench-caption{max-inline-size:none}.checklist-section dd{font-size:14px}tr.featured{margin-top:0}.code-area{padding:24px}.response-shape code{font-size:14px}
@media(max-width:700px){.brand{font-size:20px;gap:4px}.masthead nav{gap:12px}.masthead .nav-cta{font-size:12px}.masthead nav>a:nth-child(2){display:none}.lead{font-size:14px}.primary-group>.cta{font-size:14px;padding:12px}.primary-group>p{font-size:12px}.code-area pre{font-size:12px;line-height:1.6}.request-settings{flex-wrap:wrap;gap:4px 12px}.code-label{font-size:10px}.code-area{padding:16px}.request-workbench .bench-title{font-size:14px}.response-shape code{font-size:12px}.build-copy dd{font-size:14px}.checklist-section dt{font-size:16px}.plan-table .featured{margin-top:0}.footer p{font-size:12px}}

.pricing-foot{max-width:65ch}h1{margin-top:16px}#code-status{margin-top:16px}.launch-object h2{line-height:1.6}.connector{display:block;width:16px;height:1px;background:#687eae;position:relative}.connector::after{content:"";position:absolute;width:5px;height:5px;border-top:1px solid #687eae;border-right:1px solid #687eae;transform:rotate(45deg);right:0;top:-2px}
.footer p{max-width:65ch}
.brand .brand-name{font-size:24px;font-weight:800;letter-spacing:-.7px;line-height:1.1}
.brand-name strong{display:block;font-size:18px;font-weight:400;letter-spacing:-.4px}
.brand img{flex-shrink:0}.masthead{gap:16px}.masthead nav{flex-shrink:0}
@media(max-width:700px){.brand .brand-name{font-size:20px}.brand-name strong{font-size:16px}.brand{gap:8px}}

/* ------------------------------------------------------------------
   Subpage overhaul: hero spacing, readable measure, paragraph rhythm,
   styled code blocks, labeled mobile table cards, footer alignment.
   Scoped so the homepage layout is untouched.
------------------------------------------------------------------ */

/* Subpage heroes (no .workbench grid): match homepage top rhythm and
   keep the copy block to a readable width instead of an empty right
   half. Mobile padding already comes from journey.css. */
@media (min-width: 701px) {
  .engine-opening:not(.workbench) {
    padding-top: 64px;
  }
}
.engine-opening:not(.workbench) .engine-copy {
  max-width: 780px;
}
.engine-opening:not(.workbench) .lead {
  max-width: 58ch;
}

/* Content sections: readable measure and real paragraph spacing.
   Only matches subpages; home keeps its headings inside
   .pipeline-heading and its text inside .pipeline li. */
.pipeline-section > p {
  max-width: 68ch;
  line-height: 1.75;
}
.pipeline-section > p + p {
  margin-top: 1.15em;
}
.pipeline-section > pre + p,
.pipeline-section > .plan-table + p {
  margin-top: 28px;
}
.pipeline-section > p + .plan-table {
  margin-top: 28px;
}

/* Code blocks: dark panel, padded, horizontally scrollable. */
main pre {
  background: #17244b;
  color: #eef2ff;
  border-radius: 6px;
  padding: 22px 24px;
  margin: 28px 0 0;
  max-width: 760px;
  overflow-x: auto;
  font:
    14px/1.7 Consolas,
    monospace;
}
main pre code {
  font: inherit;
}

/* Capacity table on small screens: one labeled card per row instead of
   the generic unlabeled card fallback. */
@media (max-width: 700px) {
  main pre {
    font-size: 12.5px;
    padding: 18px;
  }
  .plan-table {
    border: 0;
    background: none;
    overflow: visible;
  }
  .plan-table table {
    display: block;
    min-width: 0;
  }
  .plan-table thead {
    display: none;
  }
  .plan-table tbody {
    display: block;
  }
  .plan-table tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #fff;
  }
  .plan-table tbody tr + tr {
    margin-top: 14px;
  }
  .plan-table td {
    display: block;
    border: 0;
    padding: 0;
  }
  .plan-table td:nth-child(1) {
    grid-column: 1 / -1;
  }
  .plan-table td:nth-child(2),
  .plan-table td:nth-child(3),
  .plan-table td:nth-child(4) {
    grid-column: auto;
    grid-row: auto;
    margin-top: 0;
    font-size: 20px;
    letter-spacing: -0.5px;
  }
  .plan-table td:nth-child(2)::before {
    content: "POLL INTERVAL";
  }
  .plan-table td:nth-child(3)::before {
    content: "REQUESTS / SECOND";
  }
  .plan-table td:nth-child(4)::before {
    content: "REQUESTS / DAY";
  }
  .plan-table td:nth-child(2)::before,
  .plan-table td:nth-child(3)::before,
  .plan-table td:nth-child(4)::before {
    display: block;
    font:
      10px/1.6 Consolas,
      monospace;
    letter-spacing: 1px;
    color: var(--muted);
    margin-bottom: 3px;
  }
  .plan-table td:nth-child(4) {
    grid-column: 1 / -1;
    padding-top: 14px;
    border-top: 1px solid var(--line);
  }
}

/* Footer: align the sitemap shell with the site .wrap edges so the
   link columns line up with the content above at every width. The
   generated inline footer styles use lower-specificity selectors, so
   these win without touching the build. */
.funnel-sitemap .sitemap-shell {
  width: min(1220px, calc(100% - 100px));
}
@media (max-width: 1050px) {
  .funnel-sitemap .sitemap-shell {
    width: calc(100% - 56px);
  }
}
@media (max-width: 700px) {
  .funnel-sitemap .sitemap-shell {
    width: calc(100% - 36px);
  }
}
