.api-principles__head{margin-bottom:32px}.api-principles{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.api-principles li{border-top:1px solid var(--teal-30);grid-template-columns:44px minmax(0,1fr);gap:16px;padding:20px 0;display:grid}.api-principles__num{font-family:var(--font-mono);color:var(--teal);padding-top:5px;font-size:10px}.api-principles strong{font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px;font-size:17px;font-weight:600;display:block}.api-principles span:not(.api-principles__num){color:var(--text-secondary);font-size:14px;line-height:1.6}.api-sample{font-family:var(--font-mono);color:var(--text-secondary);margin:0;padding:18px 16px;font-size:12px;line-height:1.7;overflow-x:auto}.flow-diagram{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0 12px;display:grid}.flow-diagram__side{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.flow-diagram__side--in{align-items:flex-end}.flow-diagram__label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:8px;font-size:10px;font-weight:600}.flow-diagram__node{border:1px solid var(--teal-25);border-right:2px solid var(--teal-bright);border-radius:3px;flex-direction:column;align-items:flex-end;gap:4px;width:100%;max-width:400px;padding:12px 16px;display:flex}.flow-diagram__node--out{border-right:1px solid var(--teal-25);border-left:2px solid var(--teal-bright);align-items:flex-start}.flow-diagram__name{font-family:var(--font-display);color:var(--text-primary);font-size:15px;font-weight:600}.flow-diagram__sources{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);text-align:right;font-size:10px;line-height:1.6}.flow-diagram__node--out .flow-diagram__sources{text-align:left}.flow-diagram__mid{justify-content:center;align-items:center;display:flex}.flow-diagram__link{flex:none;width:56px;height:2px;position:relative}.flow-diagram__link:before{content:"";background:repeating-linear-gradient(90deg, var(--teal-bright-40) 0 4px, transparent 4px 8px);height:1px;position:absolute;top:.5px;left:0;right:0}.flow-diagram__link:after{content:"";background:var(--teal-bright);clip-path:polygon(0 0,0 100%,100% 50%);width:6px;height:10px;position:absolute;top:-4px;left:50px}.flow-diagram__hub{border:1px solid var(--teal-bright);background:var(--bg-page);text-align:center;border-radius:4px;flex-direction:column;flex:none;align-items:center;gap:10px;width:168px;padding:22px 16px;display:flex}.flow-diagram__hub-name{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--teal-bright);font-size:10px;font-weight:600}.flow-diagram__hub-steps{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-dim);font-size:9px}@media (max-width:899px){.flow-diagram{grid-template-columns:minmax(0,1fr);gap:16px}.flow-diagram__side--in{align-items:flex-start}.flow-diagram__side--in .flow-diagram__node{border-right:1px solid var(--teal-25);border-left:2px solid var(--teal-bright);align-items:flex-start}.flow-diagram__side--in .flow-diagram__sources{text-align:left}.flow-diagram__mid{flex-direction:column}.flow-diagram__link{width:2px;height:40px}.flow-diagram__link:before{background:repeating-linear-gradient(180deg, var(--teal-bright-40) 0 4px, transparent 4px 8px);width:1px;height:auto;inset:0 auto 0 .5px}.flow-diagram__link:after{clip-path:polygon(0 0,100% 0,50% 100%);width:10px;height:6px;top:34px;left:-4px}}@media (max-width:559px){.api-ways{grid-template-columns:minmax(0,1fr)}}.marketing-layout .api-hero{min-height:0;padding:140px 0 160px}.api-hero__headline{max-width:none;font-size:clamp(34px,5.6vw,68px)}.api-hero .hero__ctas{flex-wrap:wrap;margin-bottom:0}