/* Refine the established cream, ink and coral identity; live prices do the selling. */
.infer-home { --max: 1240px; }
.infer-home .site-nav { background: var(--ground); backdrop-filter: none; }
.infer-home .marketing-hero { padding: 72px 0 64px; }
.infer-home .hero-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; }
.infer-home .hero-copy h1 { font-size: clamp(3.5rem,6.5vw,5.85rem); line-height: 1.04; letter-spacing: -.04em; font-weight: 360; }
.infer-home .hero-copy h1 > span { color: var(--signal-dark); }
.infer-home .hero-lede { max-width: 37ch; margin: 25px 0 28px; font-size: 1.08rem; line-height: 1.65; }
.infer-home .hero-actions { flex-direction: row; }
.infer-home .hero-actions .btn { min-height: 48px; padding-inline: 23px; }
.infer-home .hero-terms { margin: 20px 0 24px; color: var(--muted); font-size: .78rem; line-height: 1.65; }
.integration-links { display: flex; gap: 18px; flex-wrap: wrap; }
.integration-links a { display: inline-flex; align-items: center; min-height: 40px; color: var(--muted); font-size: .78rem; text-decoration-color: var(--line-strong); text-underline-offset: 5px; }
.integration-links a:hover { color: var(--ink); text-decoration-color: var(--signal-dark); }
.infer-home .hero-showcase { min-height: 0; max-width: none; }
.infer-home .hero-showcase > .table-error { padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); font-size: .86rem; line-height: 1.7; }
.infer-home .live-price-panel { padding: 26px; border: 1px solid var(--line-strong); border-radius: 16px; box-shadow: none; background: var(--surface); }
.live-price-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: .78rem; font-weight: 520; }
.hero-model-choice { width: 100%; min-height: 62px; margin-top: 18px; padding: 8px 30px 8px 0; border: none; border-bottom: 1px solid var(--line); border-radius: 0; color: var(--ink); background-color: transparent; font: 440 clamp(1.5rem,2.2vw,2rem)/1.2 var(--font); letter-spacing: -.025em; cursor: pointer; }
.hero-model-choice:hover { border-color: var(--signal-dark); }
.infer-home .live-price-panel .live-model-id { margin: 10px 0 0; color: var(--muted); font-size: .7rem; }
.live-model-id code { font-size: inherit; }
.infer-home .live-price-panel .runtime-chips { margin-top: 14px; }
.infer-home .live-price-panel .runtime-chips span { font-size: .66rem; padding: 4px 6px; }
.live-rate-table { width: 100%; margin-top: 22px; border-collapse: collapse; table-layout: fixed; font-variant-numeric: tabular-nums; }
.live-rate-table caption { text-align: left; padding-bottom: 10px; font-size: .72rem; color: var(--muted); }
.live-rate-table th, .live-rate-table td { padding: 13px 8px; text-align: right; border-bottom: 1px solid var(--line); font-size: .8rem; }
.live-rate-table thead th { color: var(--muted); font-size: .68rem; font-weight: 500; padding-block: 9px; }
.live-rate-table th:first-child { width: 31%; text-align: left; }
.live-rate-table tbody th { font-weight: 550; }
.live-rate-table td { font-family: var(--mono); font-size: .76rem; white-space: nowrap; }
.live-rate-table .lowest-price-row { background: var(--signal-soft); }
.live-rate-table .lowest-price-row th { color: var(--signal-dark); }
.live-price-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 12px; font-size: .7rem; }
.live-price-footer a { min-height: 40px; display: inline-flex; align-items: center; font-weight: 600; text-underline-offset: 4px; }
.live-price-footer span { color: var(--muted); white-space: nowrap; }
.infer-home .proof-grid > div { padding: 23px 26px; }
.infer-home .proof-grid > div:first-child { padding-left: 0; }
.infer-home .proof-grid strong { font-size: .84rem; font-weight: 580; }
.infer-home .proof-grid span { font-size: .76rem; line-height: 1.65; }
.infer-home .section { padding-block: 72px; }
.infer-home .section-intro { gap: 32px; margin-bottom: 34px; }
.infer-home .section-intro h2, .connection-layout h2, .infer-home .final-cta h2 { font-size: clamp(2rem,3.4vw,3.2rem); line-height: 1.14; letter-spacing: -.035em; font-weight: 380; text-wrap: balance; }
.infer-home .section-intro p { max-width: 58ch; margin: 14px 0 0; color: var(--muted); line-height: 1.65; font-size: .92rem; }
.infer-home .featured-models-intro { grid-template-columns: 1fr auto; align-items: end; }
.infer-home .featured-models-intro > a { white-space: nowrap; }
.infer-home .featured-models-section { background: var(--field); }
.infer-home .featured-model-grid { gap: 16px; }
.infer-home .featured-model-card { min-height: 262px; padding: 23px; border-radius: 12px; box-shadow: none; transition: background-color .18s ease; }
.infer-home .featured-model-card:hover { background: color-mix(in srgb,var(--signal-soft) 14%,var(--surface)); }
.infer-home .featured-model-card h3 { margin: 20px 0 4px; font-size: 1.25rem; font-weight: 520; letter-spacing: -.025em; }
.infer-home .featured-model-card h3 a { text-decoration: none; }
.infer-home .featured-model-top > span { font-size: .65rem; }
.infer-home .featured-model-card .runtime-chips { min-height: 25px; }
.infer-home .featured-model-card .runtime-chips span { font-size: .64rem; }
.infer-home .featured-model-price { padding-top: 22px; }
.featured-rates { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0; }
.featured-rates dt { color: var(--muted); font-size: .68rem; }
.featured-rates dd { margin: 6px 0 0; color: var(--ink); font: 560 .98rem var(--mono); font-variant-numeric: tabular-nums; }
.featured-rate-basis { margin: 10px 0 0; font-size: .68rem; color: var(--muted); }
.infer-home .featured-model-foot { font-size: .72rem; margin-top: 18px; padding-top: 10px; }
.infer-home .featured-model-foot a { min-height: 40px; display: inline-flex; align-items: center; }
.infer-home .outcome-section .section-intro.narrow { max-width: 880px; }
.infer-home .outcome-grid { border: none; border-radius: 0; background: none; gap: 28px; }
.infer-home .outcome-grid article { min-height: 0; padding: 22px 0 0; background: none; border-top: 1px solid var(--line-strong); }
.infer-home .outcome-grid h3 { margin: 0 0 12px; font-size: 1.05rem; letter-spacing: -.015em; font-weight: 580; }
.infer-home .outcome-grid p { color: var(--muted); font-size: .8rem; line-height: 1.75; }
.route-footnote { margin: 26px 0 0; color: var(--muted); font-size: .74rem; line-height: 1.9; }
.route-footnote a { color: var(--ink); text-underline-offset: 4px; }
.infer-home .connection-section { background: var(--ink); color: var(--ground); }
.connection-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 70px; align-items: center; }
.connection-layout h2 { margin: 0; }
.connection-layout > div > p { max-width: 49ch; margin: 18px 0 25px; color: color-mix(in srgb,var(--ground) 76%,var(--ink)); line-height: 1.7; font-size: .88rem; }
.connection-layout .text-action { color: var(--ground); }
.connection-contract > .endpoint-label { display: block; margin: 0 0 12px; font-size: .76rem; color: color-mix(in srgb,var(--ground) 80%,var(--ink)); }
.endpoint-copy { display: flex; align-items: center; gap: 18px; min-width: 0; border: 1px solid color-mix(in srgb,var(--ground) 30%,var(--ink)); border-radius: 8px; padding: 6px 6px 6px 16px; }
.endpoint-copy code { flex: 1; overflow-wrap: anywhere; font-size: .86rem; }
.endpoint-copy button { min-width: 68px; min-height: 44px; border: none; border-radius: 5px; background: var(--ground); color: var(--ink); font: 560 .75rem var(--font); cursor: pointer; }
.endpoint-copy button:hover { background: color-mix(in srgb,var(--signal) 15%,var(--ground)); }
.connection-contract dl { margin: 18px 0; }
.connection-contract dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 13px 0; border-bottom: 1px solid color-mix(in srgb,var(--ground) 22%,var(--ink)); }
.connection-contract dt { font-size: .76rem; color: color-mix(in srgb,var(--ground) 76%,var(--ink)); }
.connection-contract dd { margin: 0; font-size: .74rem; }
.connection-layout .connection-contract > p:last-of-type { margin-bottom: 0; font-size: .72rem; }
.infer-home .final-cta { padding-block: 60px; }
.infer-home .final-cta p { font-size: .9rem; }
.infer-home footer { padding-block: 38px; }
@media (max-width: 1080px) {
  .infer-home .hero-grid { gap: 32px; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); }
  .infer-home .hero-copy h1 { font-size: clamp(3rem,6vw,4.4rem); }
  .infer-home .live-price-panel { padding: 20px; }
  .live-rate-table td { font-size: .7rem; }
  .live-rate-table th, .live-rate-table td { padding-inline: 5px; }
  .infer-home .proof-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .infer-home .proof-grid-three > div { border-top: 0; grid-column: auto; border-bottom: 0; }
  .infer-home .proof-grid-three > div:nth-child(2) { border-right: 1px solid var(--line); }
  .connection-layout { gap: 36px; }
}
@media (max-width: 760px) {
  .infer-home .marketing-hero { padding: 32px 0 40px; }
  .infer-home .hero-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .infer-home .hero-copy h1 { font-size: clamp(3.1rem,12.7vw,4.6rem); }
  .infer-home .hero-lede { margin: 20px 0 23px; font-size: 1rem; max-width: 40ch; }
  .infer-home .hero-actions { gap: 10px; }
  .infer-home .hero-actions .btn { min-width: 0; width: auto; padding-inline: 15px; font-size: .8rem; }
  .infer-home .hero-terms { margin: 17px 0 16px; font-size: .74rem; }
  .integration-links { gap: 6px 19px; }
  .infer-home .hero-showcase { min-height: 0; }
  .infer-home .live-price-panel { padding: 19px 15px; }
  .hero-model-choice { font-size: 1.55rem; margin-top: 10px; min-height: 56px; }
  .live-rate-table { margin-top: 18px; }
  .live-rate-table th, .live-rate-table td { padding-block: 12px; }
  .live-rate-table tbody th { font-size: .75rem; }
  .live-price-footer { font-size: .68rem; padding-top: 12px; }
  .infer-home .proof-grid-three { grid-template-columns: 1fr; }
  .infer-home .proof-grid > div, .infer-home .proof-grid > div:first-child { padding: 18px 0; border-right: 0; }
  .infer-home .proof-grid > div:nth-child(2) { border-right: 0; }
  .infer-home .section { padding-block: 48px; }
  .infer-home .section-intro { gap: 16px; }
  .infer-home .featured-models-intro { grid-template-columns: 1fr; }
  .infer-home .featured-models-intro > a { justify-self: start; min-height: 40px; }
  .infer-home .section-intro h2, .connection-layout h2, .infer-home .final-cta h2 { font-size: 2rem; }
  .infer-home .section-intro p { font-size: .88rem; }
  .infer-home .featured-model-grid { gap: 10px; }
  .infer-home .featured-model-card { min-height: 230px; padding: 20px; }
  .infer-home .outcome-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 20px; }
  .infer-home .outcome-grid h3 { font-size: .98rem; }
  .infer-home .outcome-grid p { font-size: .78rem; }
  .connection-layout { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .endpoint-copy { gap: 8px; padding-left: 10px; }
  .endpoint-copy code { font-size: .76rem; }
  .connection-contract dd { font-size: .66rem; }
  .connection-contract dt { font-size: .72rem; }
  .infer-home .final-cta { padding-block: 46px; }
}
@media (max-width: 360px) {
  .live-rate-table td { font-size: .64rem; }
  .live-rate-table tbody th { font-size: .67rem; }
  .live-rate-table th:first-child { width: 30%; }
  .live-rate-table th, .live-rate-table td { padding-inline: 3px; }
  .connection-contract dl > div { align-items: start; flex-direction: column; gap: 5px; }
}

.infer-home .live-price-panel .hero-rate-note{margin:14px 0 0;color:var(--muted);font-size:.68rem;line-height:1.6}
