/* Typography copied from the live 537-ai.net reference, 2026-09-09.
   Loaded after layout CSS so mobile rules cannot reintroduce smaller text. */
:root{font-family:var(--font);font-synthesis:weight style small-caps;text-rendering:auto;-webkit-font-smoothing:auto}
body{font-family:var(--font);font-size:16px;font-weight:400;line-height:24px}
button,input,select,textarea{font-family:var(--font)}
.hero h1{font-size:56px;font-weight:800;line-height:70px;letter-spacing:-1.12px;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.hero-description,.hero-subtitle{font-size:20px;font-weight:400;line-height:28px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.main-nav,.main-nav a,.main-nav a[aria-current="page"],.login-link,.mobile-nav a{font-size:14px;font-weight:500;line-height:20px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.header-actions .button.small{font-size:12px;font-weight:500;line-height:16px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.copy-endpoint{font-size:12.8px;font-weight:500;line-height:19.2px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.endpoint-actions .button,.button,.final-cta .button{font-size:14px;font-weight:600;line-height:20px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.section-heading h2,.final-cta h2,.section h2{font-size:24px;font-weight:600;line-height:32px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.section-heading p,.final-cta p{font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.tool-tabs .tool-tab,.tool-tabs .tool-tab.active,.tool-tabs .tool-link,.os-tabs button,.model-tabs button,.model-tabs button.active{font-size:14px;font-weight:500;line-height:20px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.setup-steps p,.setup-note,.guide-card p,.price-description,.pricing-foot,.model-note,.site-footer>div>p,.copyright{font-size:14px;font-weight:400;line-height:20px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
pre,.article pre,.setup-steps pre,pre code,.model-table code{font-size:14px;font-weight:400;line-height:20px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.copy-code{font-size:12.8px;font-weight:500;line-height:19.2px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.setup-panel-foot,.section-more,.model-toolbar>a,.guide-bottom,.site-footer nav{font-size:14px;font-weight:400;line-height:20px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.guide-card h3,.price-card h3,.faq-list summary{font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal;font-style:normal;font-synthesis:weight style small-caps;font-feature-settings:normal;font-variation-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto}
.hero-description,.hero-subtitle{color:rgb(76,81,87)}
.hero-subtitle{max-width:650px;margin:0 auto 30px}
.main-nav a{color:rgb(131,138,148)}.main-nav a[aria-current="page"]{color:rgb(28,31,35)}
.section-heading p,.setup-steps p,.setup-note,.guide-card p,.price-description,.model-note{color:rgb(131,138,148)}
.hero .product-tags .tag{font-size:14px;font-weight:500;line-height:20px}
.hero .endpoint-card{max-width:560px;padding:24px;border-radius:16px}
.endpoint-card>.endpoint-label{font-size:12px;line-height:18px;font-weight:400;color:rgb(131,138,148);margin:0 0 6px}
.endpoint-card>.endpoint-row{border:1px solid var(--line);border-radius:8px;padding:8px 12px;gap:8px}
.endpoint-row code{font-family:var(--mono);font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal;min-width:0;overflow-wrap:anywhere}
.endpoint-actions{margin-top:16px}.endpoint-actions .button{padding:10px 12px;gap:8px}
.hero-start{font-size:14px;line-height:20px}.setup-steps strong{font-size:16px;font-weight:500;line-height:24px}
.setup-panel-head h3{font-size:24px;line-height:32px;font-weight:700}.step-number{font-size:14px;line-height:20px}
.guide-card h3,.price-card h3{font-weight:600}.guide-bottom{line-height:20px}.chip{font-size:12px;line-height:16px}
.price-big{font-size:40px;line-height:48px;font-weight:700}.price-big span,.price-cache{font-size:14px;line-height:20px}.price-cache strong{font-size:18px;line-height:28px}
.model-table table,.model-table td,.model-table th{font-size:14px;line-height:20px}.model-table td,.model-table th{padding:12px 16px}
.faq-list summary{font-size:16px;line-height:24px;font-weight:400}.faq-list details>p{font-size:14px;line-height:20px}
pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:rgb(28,31,35)}
pre code,.model-table code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
pre::before{font-family:var(--font);font-size:12px;line-height:18px}
.article{font-size:16px;line-height:24px}.article-description{font-size:16px;line-height:24px}.article h1{font-size:32px;line-height:40px;font-weight:700}
.article h2{font-size:24px;line-height:32px;font-weight:600}.article h3{font-size:20px;line-height:28px;font-weight:600}
.article code{font-size:14px;line-height:20px}.article .doc-card strong{font-size:16px;line-height:24px}.article .doc-card span{font-size:14px;line-height:20px}
.docs-sidebar nav>a,.docs-toolbar,.docs-toolbar>a,.docs-toggle,.toc,.search-open,.sidebar-tip,.prev-next>a,.calculator label,.calculator select,.calculator input,.endpoint-list>div{font-size:14px;line-height:20px}
.nav-group,.eyebrow,.toc>p,.toc-help,.prev-next small,.search-hint,.article td small{font-size:12px;line-height:18px}
.article td,.article th,.note,.note>strong,.calculator>p{font-size:14px;line-height:20px}.note>strong{font-weight:600}
@media(max-width:560px){.hero .endpoint-card{padding:16px}.hero .endpoint-row{padding:8px}.endpoint-actions .button{padding:10px 6px}.setup-panel-head h3{font-size:24px;line-height:32px}.tool-tabs{gap:3px}.tool-tabs .tool-tab,.tool-tabs .tool-link{padding:7px 10px}.guide-grid{grid-template-columns:1fr}.guide-card p{max-width:none}.docs-toolbar .search-open{font-size:0}.docs-toolbar .search-open::before{font-size:14px}.hero .product-tags .tag{padding:3px 8px}.price-big span{display:block;margin-left:0}}