/* API landing page. Shared pricing, navigation and platform marks keep their defaults. */
.api-lp { --api-muted:var(--ink-600,#4a4a45); --api-line:var(--border,#e2e2da); --api-paper:var(--paper,#f7f6f1); }
.api-lp-main { padding-top:0; }
.api-lp .api-lp-section { padding-block:clamp(3rem,6vw,5rem); }
.api-lp .api-lp-hero { background:var(--api-paper); }
.api-lp .api-lp-white { background:#fff; }
.api-lp .api-lp-paper { background:var(--api-paper); }
.api-lp .api-lp-brand { background:var(--lp-surface-brand,#effbf4); }
.api-lp h1,.api-lp h2,.api-lp h3 { text-wrap:balance; }
.api-lp .api-lp-eyebrow { font-size:.75rem; font-weight:600; line-height:1.6; letter-spacing:.06em; text-transform:uppercase; color:#047857; margin:0 0 1rem; }
.api-lp .api-lp-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.875rem 1rem; margin-top:1.75rem; }
.api-lp .api-lp-actions :is(.btn-neon,.btn-ghost) { min-height:46px; padding:.75rem 1.125rem; font-size:.875rem; line-height:1.5; text-align:center; white-space:normal; }
.api-lp .api-lp-actions svg { width:16px; height:16px; flex-shrink:0; }
.api-lp .api-lp-proof { margin:1rem 0 0; font-size:.8125rem; line-height:1.6; color:var(--api-muted); }
.api-lp .api-lp-note { margin:1.25rem 0 0; color:var(--api-muted); font-size:.875rem; line-height:1.75; max-width:85ch; }
.api-lp .api-lp-section-head { max-width:48rem; margin:0 0 2rem; }
.api-lp .api-lp-section h2,.api-lp #api-connect-title { font-size:clamp(1.625rem,2.8vw,2.25rem); font-weight:700; line-height:1.25; letter-spacing:-.025em; margin:0 0 1.25rem; color:var(--ink); }
.api-lp .api-lp-section-head > p:not(.api-lp-eyebrow),.api-lp .api-lp-split > div > p:not(.api-lp-eyebrow):not(.api-lp-note),.api-lp .api-lp-connect-lead { font-size:1rem; line-height:1.8; color:var(--api-muted); margin:0 0 1.25rem; max-width:66ch; }
.api-lp .api-lp-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.api-lp .api-lp-card { min-width:0; display:flex; flex-direction:column; align-items:flex-start; padding:1.5rem; border:1px solid var(--api-line); border-radius:12px; background:#fff; }
.api-lp .api-lp-card > svg { width:24px; height:24px; margin-bottom:1.25rem; color:var(--api-muted); }
.api-lp .api-lp-section h3 { font-size:1.125rem; line-height:1.5; letter-spacing:-.015em; font-weight:700; color:var(--ink); margin:0 0 .75rem; }
.api-lp .api-lp-card p { font-size:.9375rem; line-height:1.8; color:var(--api-muted); margin:0 0 1.25rem; }
.api-lp .api-lp-card-label { display:block; font-size:.75rem; line-height:1.6; font-weight:600; color:var(--api-muted); margin:0 0 .75rem; }
.api-lp .api-lp-card > .api-lp-card-label { margin-top:auto; }
.api-lp .lp-link-green { display:inline-block; color:#047857; font-size:.9375rem; font-weight:600; line-height:1.6; text-underline-offset:4px; }
.api-lp .lp-link-green:hover { color:#065f46; }
.api-lp .api-lp-split,.api-lp .api-lp-system-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(2rem,5vw,4rem); align-items:start; }
.api-lp .api-lp-panel { min-width:0; padding:1.75rem; border:1px solid var(--api-line); border-radius:12px; background:#fff; }
.api-lp .api-lp-list { padding-left:1.25rem; margin:1.5rem 0 0; list-style:disc; }
.api-lp .api-lp-list li { padding-left:.25rem; margin:0 0 1rem; font-size:.9375rem; line-height:1.8; color:var(--api-muted); }
.api-lp .api-lp-list strong { font-weight:600; color:var(--ink); }
.api-lp .api-lp-list li::marker { color:var(--api-muted); }
.api-lp .api-lp-endpoints { list-style:none; padding:0; margin:0 0 1.5rem; }
.api-lp .api-lp-endpoints li { display:grid; grid-template-columns:3rem minmax(0,1fr); gap:.5rem .75rem; padding:1rem 0; border-bottom:1px solid var(--api-line); }
.api-lp .api-lp-endpoints li:last-child { border-bottom:0; padding-bottom:0; }
.api-lp .api-lp-method { display:inline-flex; align-self:start; justify-content:center; padding:.125rem .25rem; border-radius:4px; background:var(--api-paper); font-family:ui-monospace,monospace; color:var(--ink); font-size:.6875rem; line-height:1.75; font-weight:600; }
.api-lp .api-lp-endpoints code { font-family:ui-monospace,"SF Mono",monospace; font-size:.8125rem; line-height:1.7; color:var(--ink); overflow-wrap:anywhere; }
.api-lp .api-lp-endpoints p { grid-column:2; font-size:.875rem; line-height:1.7; color:var(--api-muted); margin:0; }
.api-lp .api-lp-example { background:var(--api-paper); }
.api-lp .api-lp-example pre { padding:1rem; border:1px solid var(--api-line); border-radius:8px; background:#fff; margin:1rem 0 1.25rem; white-space:pre-wrap; overflow-wrap:anywhere; font-family:ui-monospace,"SF Mono",monospace; font-size:.8125rem; line-height:1.8; color:var(--ink); }
.api-lp .api-lp-example > p:not(.api-lp-card-label) { font-size:.9375rem; line-height:1.8; color:var(--api-muted); margin-bottom:1.25rem; }
.api-lp .api-lp-system-list { margin-top:0; }
.api-lp .api-lp-steps { padding-left:1.25rem; margin:1.5rem 0; list-style:decimal; }
.api-lp .api-lp-steps li { padding-left:.5rem; margin:0 0 1.25rem; color:var(--api-muted); line-height:1.8; font-size:.9375rem; }
.api-lp .api-lp-steps a { color:#047857; text-decoration:underline; text-underline-offset:3px; }
.api-lp .api-lp-steps code { display:inline; overflow-wrap:anywhere; font-size:.8125rem; font-family:ui-monospace,"SF Mono",monospace; color:var(--ink); }
.api-lp #api-sistema { --lp-section-bg:#fff; }
.api-lp #api-sistema .lp-api-connect__platforms { margin-top:2rem; }
.api-lp .api-lp-webhook { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1.75rem 0; margin-top:2rem; border-block:1px solid var(--api-line); }
.api-lp .api-lp-webhook > div { max-width:66ch; }
.api-lp .api-lp-webhook p { font-size:.9375rem; line-height:1.8; color:var(--api-muted); margin:0; }
.api-lp .api-lp-webhook > a { flex:0 0 15rem; }
.api-lp .api-lp-start { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; list-style:none; margin:0; padding:0; }
.api-lp .api-lp-start li { min-width:0; padding-top:1.25rem; border-top:1px solid var(--api-line); }
.api-lp .api-lp-start span { display:block; font-size:.8125rem; font-weight:600; color:var(--api-muted); margin-bottom:1rem; font-variant-numeric:tabular-nums; }
.api-lp .api-lp-start p { font-size:.9375rem; line-height:1.8; color:var(--api-muted); margin:0; }
.api-lp #planos .pricing-header { text-align:left; margin-inline:0; }
.api-lp .api-lp-plan-note { max-width:none; }
.api-lp .api-lp-faq-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.7fr); gap:clamp(2rem,5vw,4rem); }
.api-lp .api-lp-faq details { border-top:1px solid var(--api-line); padding:0; }
.api-lp .api-lp-faq details:last-child { border-bottom:1px solid var(--api-line); }
.api-lp .api-lp-faq summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; cursor:pointer; list-style:none; min-height:64px; padding:1.125rem 0; font-size:.9375rem; line-height:1.6; font-weight:600; color:var(--ink); }
.api-lp .api-lp-faq summary::-webkit-details-marker { display:none; }
.api-lp .api-lp-faq summary svg { flex:0 0 18px; width:18px; height:18px; color:var(--api-muted); }
.api-lp .api-lp-faq details[open] summary svg { transform:rotate(180deg); }
.api-lp .api-lp-faq details > p { font-size:.9375rem; line-height:1.8; color:var(--api-muted); margin:0; padding:0 2rem 1.25rem 0; }
.api-lp :is(a,button,summary,select):focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.api-lp .sec-cta-final :is(a,button):focus-visible { outline-color:#fff; }
.api-lp .api-lp-main :is(section,[id]) { scroll-margin-top:1.5rem; }

/* The demonstration changes only on request; it does not call the API. */
.api-lp .lp-api-demo { display:block; height:auto; max-height:none; box-shadow:none; padding:1.25rem; border:1px solid #303a46; border-radius:14px; background:#0c1219; color:#f1f5f9; min-width:0; max-width:100%; }
.api-lp .lp-api-demo-head { display:flex; justify-content:space-between; align-items:center; gap:1rem; font-size:.875rem; padding:0 0 1rem; border-bottom:1px solid #334155; }
.api-lp .lp-api-demo-head span { font-size:.75rem; color:#cbd5e1; }
.api-lp .lp-api-demo-controls { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:.75rem; padding:1rem 0 0; }
.api-lp .lp-api-demo-controls label { display:grid; gap:.375rem; font-size:.75rem; color:#cbd5e1; min-width:0; }
.api-lp .lp-api-demo-controls select { min-height:44px; width:100%; min-width:0; border:1px solid #475569; border-radius:6px; padding:.5rem; background:#17212d; color:#f1f5f9; font:inherit; font-size:.8125rem; }
.api-lp .lp-api-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem .75rem; padding:1rem 0 .5rem; }
.api-lp .lp-api-actions :is(button,a) { min-height:36px; padding:.375rem .5rem; color:#d1fae5; font-size:.75rem; line-height:1.5; border:1px solid #475569; border-radius:5px; background:transparent; text-decoration:none; cursor:pointer; }
.api-lp .lp-api-actions [role=status] { font-size:.75rem; color:#d1fae5; }
.api-lp .lp-api-request { margin:.75rem 0; padding:.875rem; max-height:9rem; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; border:1px solid #334155; border-radius:6px; background:#080e14; color:#e2e8f0; font: .75rem/1.7 ui-monospace,"SF Mono",monospace; }
.api-lp .lp-api-demo-run { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; margin:1rem 0; padding:0; }
.api-lp .lp-api-demo-run button { min-height:40px; border-radius:6px; border:1px solid #64748b; background:#17212d; color:#f1f5f9; padding:.5rem .75rem; font-size:.8125rem; font-weight:600; cursor:pointer; }
.api-lp .lp-api-demo-run button:disabled { opacity:.65; cursor:wait; }
.api-lp .lp-api-demo-run [role=status] { font-size:.75rem; color:#cbd5e1; }
.api-lp .lp-api-response { height:14rem; overflow:auto; padding:.875rem; border:1px solid #334155; border-radius:6px; background:#080e14; }
.api-lp .lp-api-response pre { white-space:pre-wrap; overflow-wrap:anywhere; margin:0; color:#cbd5e1; font:.75rem/1.7 ui-monospace,"SF Mono",monospace; }
.api-lp .lp-api-note { font-size:.75rem; line-height:1.7; color:#cbd5e1; margin:.875rem 0 0; padding:.875rem 0 0; border-top:1px solid #334155; }
.api-lp .lp-api-demo :is(a,button,select,pre,[role=region]):focus-visible { outline-color:#d1fae5; }
.api-lp .api-lp-main :is(p,li) { overflow-wrap:anywhere; }
@media(max-width:1023px) {
  .api-lp .api-lp-split,.api-lp .api-lp-system-grid,.api-lp .api-lp-faq-grid { grid-template-columns:minmax(0,1fr); }
  .api-lp .api-lp-demo-wrap { max-width:44rem; width:100%; }
  .api-lp .api-lp-cards { gap:1rem; }
  .api-lp .api-lp-card { padding:1.25rem; }
}
@media(max-width:767px) {
  .api-lp-main { padding-top:0; }
  .api-lp .api-lp-cards,.api-lp .api-lp-start { grid-template-columns:minmax(0,1fr); gap:1.25rem; }
  .api-lp .api-lp-panel { padding:1.25rem; }
  .api-lp .api-lp-webhook { align-items:flex-start; flex-direction:column; gap:1rem; }
  .api-lp .api-lp-webhook > a { flex:initial; }
  .api-lp .api-lp-card > .api-lp-card-label { margin-top:0; }
  .api-lp .lp-api-demo-controls { grid-template-columns:minmax(0,1fr); }
  .api-lp .lp-api-actions :is(button,a),.api-lp .lp-api-demo-run button { min-height:44px; }

}
@media(prefers-reduced-motion:reduce) { .api-lp .api-lp-main * { transition:none; scroll-behavior:auto; } }

/* Use the shared hero scale; keep the code preview within its visual column. */
.api-lp #hero-section .hero-trust { display:block; line-height:1.7; color:var(--api-muted); }
.api-lp #hero-section .hero-proof-row { color:var(--api-muted); }
.api-lp #hero-section .lp-api-response { height:10rem; }

.api-lp #hero-section .hero-ctas a { min-height:58px; }