*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#0a0f14;
color:#a8c0cc;
font-size:0.938rem;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
font-family:"Mulish", 'Helvetica Neue', Arial, sans-serif;
line-height:1.55;
overflow-wrap:break-word;
}
img{
display:block;
max-width:100%;
}
a{
color:inherit;
text-decoration:none;
}
button{
background:none;
border:none;
font-family:inherit;
cursor:pointer;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
height:0.5rem;
width:0.5rem;
}
::-webkit-scrollbar-thumb{
border-radius:8px;
background:rgba(4, 10, 18, 0.75);
}
::-webkit-scrollbar-track{
background:transparent;
}
.api-shell_zoc{
grid-template-columns:15.5rem 1fr;
display:grid;
min-height:100vh;
}
.api-main_zoc{
min-width:0;
}
.api-wrap_zoc{
margin:0 auto;
width:100%;
max-width:87.5rem;
}
.api-container_zoc{
margin:0 auto;
padding:0 1rem;
width:100%;
max-width:87.5rem;
}
@media(min-width:768px){
.api-container_zoc{
padding:0 28px;
}
}
.api-section_zoc{
padding:24px 1.75rem;
}
.api-section_pt_zoc{
padding-top:34px;
}
.api-band_soft_zoc{
background:#111922;
}
.api-eyebrow_zoc{
color:#00d4f5;
display:inline-block;
line-height:1.4;
text-transform:uppercase;
font-size:10.5px;
font-weight:600;
letter-spacing:.14em;
font-family:"Mulish", 'Helvetica Neue', Arial, sans-serif;
overflow-wrap:break-word;
}
.api-drawer_cb_zoc{
display:none;
}
.api-overlay_zoc{
display:none;
}
@media(max-width:1025px){
.api-shell_zoc{
grid-template-columns:1fr;
}
.api-main_zoc{
padding-bottom:4.875rem;
}
.api-drawer_cb_zoc:checked~.api-overlay_zoc{
inset:0;
background:rgba(4, 10, 18, 0.75);
display:block;
z-index:70;
position:fixed;
}
}
@media(max-width:558px){
.api-section_zoc{
padding:18px 1rem;
}
.api-section_pt_zoc{
padding-top:1.5rem;
}
}
@keyframes zm3-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
@keyframes zm3-marquee{
0%{
transform:translateX(0)}
100%{
transform:translateX(-50%)}
}
/* ---------- sidebar ---------- */
.api-side_zoc{
gap:22px;
padding:22px 1.125rem;
background:#0c1219;
position:sticky;
display:flex;
align-self:start;
top:0;
border-right:1px solid #172430;
overflow-y:auto;
flex-direction:column;
height:100vh;
}
.api-brand_zoc{
gap:10px;
display:flex;
align-items:center;
}
.api-logo_zoc{
letter-spacing:-.02em;
font-weight:700;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:21px;
color:#e8f4f8;
}
.api-side_cta_zoc{
padding:16px;
border:1px solid #1e3040;
border-radius:0.813rem;
background:rgba(0, 212, 245, 0.11);
}
.api-side_cta_h_zoc{
font-weight:700;
color:#e8f4f8;
margin-bottom:6px;
line-height:1.15;
font-size:1.063rem;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.api-side_cta_p_zoc{
line-height:1.45;
font-size:12px;
color:#a8c0cc;
margin-bottom:12px;
}
.api-nav_zoc{
gap:3px;
display:flex;
flex-direction:column;
}
.api-nav_label_zoc{
padding:0.375rem 10px;
letter-spacing:.14em;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#3d5a6a;
text-transform:uppercase;
font-size:0.594rem;
}
.api-nav_item_zoc{
padding:10px;
gap:11px;
border-radius:0.5rem;
display:flex;
color:#a8c0cc;
align-items:center;
font-size:14px;
font-weight:500;
}
.api-nav_item_zoc svg{
width:17px;
height:17px;
}
.api-nav_item_zoc:hover{
background:rgba(0, 212, 245, 0.11);
color:#e8f4f8;
}
.api-nav_item_on_zoc{
background:rgba(0, 212, 245, 0.11);
font-weight:600;
color:#00d4f5;
}
.api-side_foot_zoc{
border-radius:13px;
background:#111922;
padding:0.75rem;
border:1px solid #1e3040;
margin-top:auto;
}
.api-side_foot_zoc p{
font-size:12.5px;
color:#a8c0cc;
margin-top:0.25rem;
line-height:1.4;
}
/* ---------- topbar ---------- */
.api-top_zoc{
padding:14px 1.75rem;
background:#0c1219;
gap:16px;
position:sticky;
display:flex;
border-bottom:1px solid #172430;
top:0;
align-items:center;
z-index:40;
}
.api-top_brand_zoc{
gap:9px;
align-items:center;
display:none;
}
.api-search_zoc{
padding:0.688rem 14px;
gap:10px;
border-radius:0.813rem;
background:#111922;
flex:1;
border:1px solid #1e3040;
align-items:center;
max-width:440px;
display:flex;
font-size:0.844rem;
color:#6b8fa0;
}
.api-search_zoc svg{
flex:none;
height:1rem;
width:1rem;
}
.api-top_actions_zoc{
gap:0.75rem;
align-items:center;
margin-left:auto;
display:flex;
}
.api-lang_zoc{
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:12px;
color:#a8c0cc;
}
.api-burger_zoc{
background:#111922;
border-radius:0.5rem;
border:1px solid #1e3040;
color:#e8f4f8;
width:40px;
height:40px;
align-items:center;
display:none;
justify-content:center;
}
/* ---------- bottom-nav (mobile) ---------- */
.api-botnav_zoc{
display:none;
}
@media(max-width:1024px){
.api-side_zoc{
transition:transform .25s ease;
left:0;
top:0;
height:100vh;
position:fixed;
z-index:80;
width:17.5rem;
transform:translateX(-100%);
}
.api-drawer_cb_zoc:checked~.api-shell_zoc .api-side_zoc{
transform:translateX(0);
}
.api-top_zoc{
padding:14px 16px;
gap:0.75rem;
flex-wrap:wrap;
position:static;
}
.api-top_brand_zoc{
display:flex;
}
.api-search_zoc{
display:none;
}
.api-burger_zoc{
display:flex;
}
.api-top_actions_zoc{
gap:0.625rem;
margin-left:0;
width:100%;
align-items:stretch;
}
.api-top_actions_zoc .api-lang_zoc{
display:none;
}
.api-top_actions_zoc .api-btn_zoc{
padding:0.688rem 10px;
flex:1;
text-align:center;
}
.api-botnav_zoc{
background:#0c1219;
padding:8px 0.375rem calc(8px + env(safe-area-inset-bottom));
grid-template-columns:repeat(3,1fr);
transform:translateZ(0);
position:fixed;
z-index:65;
right:0;
display:grid;
border-top:1px solid #1e3040;
left:0;
bottom:0;
}
.api-bn_zoc{
gap:4px;
padding:6px 2px 0;
font-size:10px;
color:#a8c0cc;
display:flex;
flex-direction:column;
font-weight:600;
min-width:0;
justify-content:flex-end;
align-items:center;
}
.api-bn_zoc svg{
flex:none;
width:1.375rem;
height:22px;
}
.api-bn_zoc span{
overflow:hidden;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
}
.api-bn_on_zoc{
color:#00d4f5;
}
.api-bn_center_zoc{
position:relative;
}
.api-bn_fab_zoc{
border-radius:50%;
background:#00d4f5;
position:absolute;
box-shadow:0 8px 32px rgba(0, 0, 0, 0.65), 0 2px 0.5rem rgba(0, 212, 245, 0.18);
width:3.125rem;
display:flex;
justify-content:center;
top:-1.25rem;
align-items:center;
left:50%;
color:#040d12;
height:3.125rem;
transform:translateX(-50%);
}
.api-bn_fab_zoc svg{
height:1.5rem;
width:24px;
}
.api-bn_center_zoc span{
color:#00d4f5;
}
}
.api-btn_zoc{
transition:background-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease,color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
gap:0.5rem;
padding:11px 22px;
border-radius:8px;
font-size:0.875rem;
font-weight:700;
justify-content:center;
font-family:"Mulish", 'Helvetica Neue', Arial, sans-serif;
display:inline-flex;
cursor:pointer;
align-items:center;
}
.api-btn_pri_zoc{
background:#00d4f5;
box-shadow:0 0 18px rgba(0, 212, 245, 0.45), 0 4px 0.75rem rgba(0, 0, 0, 0.40);
color:#040d12;
}
.api-btn_pri_zoc:hover{
background:#00bedd;
}
.api-btn_ghost_zoc{
background:rgba(0, 212, 245, 0.11);
font-weight:600;
color:#e8f4f8;
}
.api-btn_line_zoc{
border:1px solid #2a4458;
background:transparent;
font-weight:600;
color:#e8f4f8;
}
.api-btn_lg_zoc{
border-radius:0.813rem;
padding:1rem 30px;
font-size:15px;
}
.api-band_zoc .api-btn_line_zoc{
border-color:rgba(255, 255, 255, 0.12);
color:#e8f6fb;
}
.api-band_zoc .api-btn_ghost_zoc{
background:rgba(255, 255, 255, 0.07);
color:#e8f6fb;
}
.api-link_m_zoc{
gap:5px;
display:inline-flex;
align-items:center;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#00d4f5;
text-decoration:none;
font-size:12px;
cursor:pointer;
}
.api-link_m_zoc svg{
width:14px;
height:14px;
}
.api-band_zoc .api-link_m_zoc{
color:#00e5ff;
}
.api-dot_zoc{
border-radius:50%;
flex:none;
background:#00d4f5;
height:7px;
width:7px;
}
.api-dot_live_zoc{
animation:zm3-pulse 1.4s infinite;
background:#ff3b3b;
}
.api-stars_zoc{
gap:2px;
color:#00d4f5;
display:inline-flex;
}
.api-stars_zoc svg{
height:0.938rem;
width:0.938rem;
}
.api-chip_zoc{
gap:6px;
border:1px solid #1e3040;
padding:0.438rem 12px;
border-radius:0.5rem;
background:#111922;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
display:inline-flex;
color:#a8c0cc;
font-size:0.688rem;
align-items:center;
}
.api-chip_on_zoc{
border-color:transparent;
background:rgba(0, 212, 245, 0.11);
color:#00d4f5;
}
.api-gc_zoc{
cursor:pointer;
text-decoration:none;
display:block;
color:inherit;
min-width:0;
}
.api-gc_thumb_zoc{
border-radius:0.813rem;
border:1px solid #1e3040;
overflow:hidden;
display:block;
background-size:cover;
background-position:center;
aspect-ratio:1;
position:relative;
}
.api-gc_thumb_portrait_zoc{
aspect-ratio:3/4;
}
.api-gc_thumb_wide_zoc{
aspect-ratio:16/11;
}
.api-gc_cap_zoc{
background:linear-gradient(transparent,rgba(4, 10, 18, 0.75));
padding:0.563rem;
left:0;
right:0;
bottom:0;
position:absolute;
}
.api-gc_name_zoc{
font-weight:700;
font-size:0.781rem;
color:#e8f6fb;
display:block;
}
.api-gc_meta_zoc{
color:#7bbdd4;
font-size:0.688rem;
}
.api-gc_badge_zoc{
padding:2px 0.375rem;
background:#00d4f5;
border-radius:0.5rem;
top:0.5rem;
right:0.5rem;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
position:absolute;
font-weight:700;
color:#040d12;
font-size:0.5rem;
}
.api-gc_badge_hot_zoc{
background:#ff3b3b;
color:#e8f6fb;
}
.api-gc_badge_live_zoc{
background:#ff3b3b;
left:8px;
right:auto;
color:#e8f6fb;
}
.api-gc_mult_zoc{
inset:0;
position:absolute;
align-items:center;
display:flex;
font-size:1.75rem;
color:#00d4f5;
font-weight:700;
justify-content:center;
}
.api-pc_zoc{
border-radius:13px;
border:1px solid #1e3040;
background:#111922;
align-items:center;
font-size:0.875rem;
display:flex;
font-weight:700;
justify-content:center;
color:#a8c0cc;
height:4rem;
}
.api-rail_zoc{
min-width:0;
}
.api-rail_scroll_zoc{
gap:14px;
display:grid;
}
.api-rail_scroll_zoc>*{
min-width:0;
}
.api-g6_zoc{
grid-template-columns:repeat(6,1fr);
}
.api-g7_zoc{
grid-template-columns:repeat(7,1fr);
}
.api-g4_zoc{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1021px){
.api-g6_zoc,.api-g7_zoc{
grid-template-columns:none;
grid-auto-columns:7.5rem;
overflow-x:auto;
grid-auto-flow:column;
scroll-snap-type:x mandatory;
padding-bottom:6px;
}
.api-g6_zoc>*,.api-g7_zoc>*{
scroll-snap-align:start;
}
.api-g4_zoc{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:558px){
.api-g4_zoc{
grid-template-columns:none;
grid-auto-columns:150px;
overflow-x:auto;
grid-auto-flow:column;
}
}
.api-panel_zoc{
background:#111922;
padding:1.75rem 32px;
border-radius:20px;
border:1px solid #1e3040;
}
.api-split_zoc{
gap:36px;
align-items:start;
display:grid;
}
.api-split_zoc>*{
min-width:0;
}
.api-split_a_zoc{
grid-template-columns:.85fr 1.15fr;
}
.api-split_b_zoc{
grid-template-columns:1fr 1.1fr;
}
.api-split_c_zoc{
grid-template-columns:1.1fr .9fr;
}
.api-pgrid_zoc{
grid-template-columns:.9fr 1.1fr;
gap:2.5rem;
align-items:center;
display:grid;
}
.api-pgrid_zoc>*{
min-width:0;
}
.api-lead_zoc{
line-height:1.65;
font-size:15px;
color:#a8c0cc;
margin-bottom:14px;
}
.api-feat_zoc{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.api-feat_zoc>*{
min-width:0;
}
.api-feat2_zoc{
grid-template-columns:1fr 1fr;
}
.api-feat_card_zoc{
background:#111922;
border-radius:1.25rem;
padding:26px;
border:1px solid #1e3040;
}
.api-feat_card_zoc svg{
height:1.625rem;
margin-bottom:1rem;
color:#00d4f5;
width:1.625rem;
}
.api-feat_card_zoc h3{
color:#e8f4f8;
font-weight:700;
font-size:18px;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:0.5rem;
}
.api-feat_card_zoc p{
color:#a8c0cc;
line-height:1.6;
font-size:13px;
}
.api-feat_card_zoc b{
color:#e8f4f8;
}
.api-big_zoc{
gap:22px;
display:flex;
flex-wrap:wrap;
}
.api-big_n_zoc{
color:#00d4f5;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
font-size:1.625rem;
}
.api-big_l_zoc{
font-size:12px;
color:#6b8fa0;
}
.api-person_zoc{
gap:0.875rem;
border-radius:13px;
padding:16px 18px;
background:#111922;
border:1px solid #1e3040;
display:flex;
align-items:center;
}
.api-avatar_zoc{
flex:none;
background:linear-gradient(135deg,#00d4f5,#0097b8);
border-radius:50%;
width:2.75rem;
height:2.75rem;
}
.api-person_name_zoc{
font-weight:700;
font-size:0.875rem;
color:#e8f4f8;
}
.api-person_role_zoc{
font-size:12px;
color:#6b8fa0;
}
.api-kv_zoc{
gap:1px;
border-radius:13px;
overflow:hidden;
border:1px solid #1e3040;
grid-template-columns:1fr 1fr;
background:#1e3040;
display:grid;
}
.api-kv_zoc>div{
padding:1rem 1.125rem;
background:#0a0f14;
min-width:0;
}
.api-kv_k_zoc{
font-size:0.594rem;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
color:#00d4f5;
margin-bottom:0.313rem;
}
.api-kv_v_zoc{
color:#e8f4f8;
font-weight:700;
font-size:13.5px;
}
@media(max-width:1022px){
.api-split_a_zoc,.api-split_b_zoc,.api-split_c_zoc,.api-pgrid_zoc{
grid-template-columns:1fr;
gap:24px;
}
.api-feat_zoc,.api-feat2_zoc{
grid-template-columns:1fr;
}
.api-kv_zoc{
grid-template-columns:1fr;
}
}
.api-sh_zoc{
min-width:0;
margin-bottom:1rem;
}
.api-sh_row_zoc{
gap:0.75rem;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
align-items:flex-end;
}
.api-sh_row_zoc .api-sh_l_zoc{
gap:6px;
display:flex;
min-width:0;
flex-direction:column;
}
.api-sh_stack_zoc{
gap:10px;
flex-direction:column;
align-items:flex-start;
display:flex;
}
.api-sh_center_zoc{
gap:10px;
flex-direction:column;
display:flex;
text-align:center;
align-items:center;
}
.api-sh_h2_zoc{
gap:9px;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#e8f4f8;
display:flex;
font-weight:700;
line-height:1.1;
align-items:center;
font-size:1.25rem;
overflow-wrap:break-word;
}
@media(min-width:769px){
.api-sh_h2_zoc{
font-size:24px;
}
}
.api-band_zoc .api-sh_h2_zoc{
color:#e8f6fb;
}
.api-eb_mono_zoc{
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:none;
letter-spacing:.08em;
}
.api-eb_mono_zoc::before{
content:"// ";
}
.api-eb_upper_zoc{
text-transform:uppercase;
letter-spacing:.14em;
}
.api-eb_pill_zoc{
padding:0.313rem 11px;
background:rgba(0, 212, 245, 0.11);
border-radius:999px;
letter-spacing:.12em;
text-transform:uppercase;
}
.api-eb_line_zoc{
gap:10px;
display:inline-flex;
align-items:center;
}
.api-eb_line_zoc::before{
background:#00d4f5;
display:inline-block;
height:1px;
content:"";
width:1.5rem;
}
.api-band_zoc .api-eb_line_zoc::before{
background:#00e5ff;
}
.api-band_zoc .api-eb_pill_zoc{
background:rgba(255, 255, 255, 0.07);
}
.api-sh_link_zoc{
gap:0.375rem;
transition:color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease,border-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
align-items:center;
color:#e8f4f8;
font-size:0.813rem;
font-weight:600;
white-space:nowrap;
padding-bottom:2px;
display:inline-flex;
border-bottom:1px solid #e8f4f8;
}
.api-sh_link_zoc:hover{
border-color:#00d4f5;
color:#00d4f5;
}
.api-sh_link_zoc svg{
width:0.875rem;
height:0.875rem;
}
.api-sh_link_chev_zoc{
border-bottom:0;
font-size:0.75rem;
color:#00d4f5;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
padding-bottom:0;
}
.api-sh_link_btn_zoc{
background:#00d4f5;
border-radius:999px;
padding:0.563rem 1.125rem;
color:#040d12;
border-bottom:0;
}
.api-sh_link_btn_zoc:hover{
border-color:transparent;
background:#00bedd;
}
.api-band_zoc .api-sh_link_zoc{
border-color:#e8f6fb;
color:#e8f6fb;
}
.api-band_zoc .api-sh_link_chev_zoc{
color:#00e5ff;
}
.api-sh_rule_zoc{
margin:-2px 0 16px;
background:#1e3040;
height:1px;
}
.api-band_zoc .api-sh_rule_zoc{
background:rgba(255, 255, 255, 0.12);
}
.api-seo_grid3_zoc{
grid-template-columns:repeat(3,1fr);
gap:20px;
display:grid;
}
.api-seo_grid4_zoc{
gap:0.813rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.api-seo_grid3_zoc>*,.api-seo_grid4_zoc>*{
min-width:0;
}
.api-seo_card_zoc{
border:1px solid #1e3040;
background:#111922;
padding:1.5rem;
border-radius:0.813rem;
}
.api-seo_card_zoc h3{
margin-bottom:8px;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
font-size:18px;
color:#e8f4f8;
}
.api-seo_card_zoc p{
line-height:1.6;
color:#a8c0cc;
font-size:0.813rem;
}
.api-seo_card_sm_zoc{
padding:20px;
}
.api-seo_card_sm_zoc h3{
font-size:1rem;
}
.api-seo_card_sm_zoc p{
line-height:1.55;
font-size:12.5px;
}
.api-seo_rtp_row_zoc{
grid-template-columns:1fr 1fr;
gap:36px;
margin-top:16px;
align-items:center;
display:grid;
}
.api-rtp_zoc{
gap:0.875rem;
display:flex;
min-width:0;
}
.api-rtp_zoc>div{
border-radius:0.813rem;
background:#0a0f14;
flex:1;
padding:16px;
text-align:center;
min-width:0;
}
.api-rtp_n_zoc{
color:#00d4f5;
white-space:nowrap;
font-size:26px;
font-weight:700;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.api-rtp_l_zoc{
margin-top:0.25rem;
color:#6b8fa0;
font-size:0.688rem;
}
.api-cmp_zoc{
overflow:hidden;
border:1px solid #1e3040;
border-radius:0.813rem;
max-width:47.5rem;
}
.api-cmp_row_zoc{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:13px;
}
.api-cmp_row_zoc>div{
padding:0.813rem 14px;
min-width:0;
text-align:center;
}
.api-cmp_row_zoc>div:first-child{
text-align:left;
font-weight:600;
color:#e8f4f8;
padding-left:1.375rem;
}
.api-cmp_th_zoc{
background:#0a0f14;
font-size:0.781rem;
font-weight:700;
}
.api-cmp_row_zoc:not(.api-cmp_th_zoc){
background:#111922;
color:#a8c0cc;
border-top:1px solid #172430;
}
.api-cmp_zebra_zoc{
background:#0e151d;
}
.api-guide_zoc{
border-radius:0.813rem;
overflow:hidden;
background:#111922;
border:1px solid #1e3040;
cursor:pointer;
}
.api-guide_cover_zoc{
height:8.125rem;
}
.api-guide_body_zoc{
padding:1.25rem;
}
.api-guide_body_zoc h3{
margin:7px 0 9px;
line-height:1.25;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
font-size:1rem;
color:#e8f4f8;
}
.api-guide_meta_zoc{
color:#6b8fa0;
font-size:11.5px;
}
.api-hub_zoc{
gap:1.75rem;
grid-template-columns:repeat(5,1fr);
display:grid;
padding-top:1.75rem;
border-top:1px solid #172430;
}
.api-hub_zoc>*{
min-width:0;
}
.api-hub_zoc h4{
color:#e8f4f8;
margin-bottom:11px;
font-weight:700;
font-size:0.813rem;
}
.api-hub_col_zoc{
gap:8px;
color:#a8c0cc;
display:flex;
flex-direction:column;
font-size:0.813rem;
}
.api-hub_col_zoc a{
cursor:pointer;
}
@media(max-width:1026px){
.api-seo_grid3_zoc{
grid-template-columns:1fr;
}
.api-seo_grid4_zoc{
grid-template-columns:repeat(2,1fr);
}
.api-seo_rtp_row_zoc{
gap:1.25rem;
grid-template-columns:1fr;
}
.api-hub_zoc{
gap:22px;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:557px){
.api-hub_zoc{
grid-template-columns:1fr;
}
}
.api-hero_zoc{
background:linear-gradient(120deg,#061018,#040c16);
padding:46px 3rem;
overflow:hidden;
border:1px solid #1e3040;
border-radius:20px;
position:relative;
color:#e8f6fb;
}
.api-hero_glow_zoc{
background:radial-gradient(circle,rgba(0, 220, 255, 0.22),transparent 70%);
border-radius:50%;
right:-3.75rem;
top:-60px;
width:340px;
height:340px;
position:absolute;
}
.api-hero_in_zoc{
position:relative;
max-width:600px;
}
.api-hero_zoc .api-eyebrow_zoc{
color:#00e5ff;
}
.api-pill_row_zoc{
background:rgba(255, 255, 255, 0.07);
border-radius:62.438rem;
border:1px solid rgba(255, 255, 255, 0.12);
padding:6px 0.813rem;
gap:8px;
display:inline-flex;
text-transform:uppercase;
font-size:10.5px;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-bottom:1.375rem;
color:#00e5ff;
align-items:center;
letter-spacing:.1em;
}
.api-hero_h1_zoc{
margin:1.125rem 0;
letter-spacing:-.02em;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#e8f6fb;
overflow-wrap:break-word;
line-height:1.02;
font-weight:700;
font-size:3.375rem;
}
.api-hero_h1_zoc em{
color:#00e5ff;
font-style:normal;
}
.api-hero_sub_zoc{
max-width:480px;
color:#7bbdd4;
margin-bottom:28px;
line-height:1.55;
font-size:1.063rem;
}
.api-hero_cta_zoc{
gap:14px;
margin-bottom:1.625rem;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.api-hero_trust_zoc{
gap:0.875rem;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.api-hero_rating_txt_zoc{
color:#7bbdd4;
font-size:13px;
}
@media(max-width:1022px){
.api-hero_zoc{
padding:32px 1.5rem;
}
.api-hero_h1_zoc{
font-size:38px;
}
}
@media(max-width:559px){
.api-hero_h1_zoc{
font-size:30px;
}
}
.api-tabs_zoc{
gap:0.563rem;
flex-wrap:wrap;
display:flex;
}
.api-tab_zoc{
padding:10px 18px;
border:1px solid #1e3040;
border-radius:0.5rem;
background:#111922;
font-size:13px;
cursor:pointer;
font-weight:600;
color:#a8c0cc;
}
.api-tab_on_zoc{
background:#00d4f5;
border-color:transparent;
color:#040d12;
font-weight:700;
}
.api-stat_zoc{
gap:14px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.api-stat_zoc>*{
min-width:0;
}
.api-stat_item_zoc{
padding:1.125rem 20px;
border-radius:13px;
background:#111922;
border:1px solid #1e3040;
}
.api-stat_k_zoc{
letter-spacing:.12em;
margin-bottom:7px;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
color:#6b8fa0;
font-size:9.5px;
}
.api-stat_v_zoc{
gap:8px;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
min-width:0;
font-weight:700;
align-items:center;
font-size:1.5rem;
overflow-wrap:anywhere;
color:#e8f4f8;
display:flex;
}
.api-stat_v_accent_zoc{
color:#00d4f5;
}
@media(max-width:1024px){
.api-stat_zoc{
grid-template-columns:repeat(2,1fr);
}
}
.api-wlc_zoc{
border:1px solid #1e3040;
padding:2.25rem 40px;
grid-template-columns:1.2fr .8fr;
border-radius:20px;
overflow:hidden;
gap:24px;
background:linear-gradient(120deg,#061018,#040c16);
color:#e8f6fb;
align-items:center;
display:grid;
position:relative;
}
.api-wlc_zoc>*{
min-width:0;
}
.api-wlc_zoc .api-eyebrow_zoc{
color:#00e5ff;
}
.api-wlc_glow_zoc{
border-radius:50%;
background:radial-gradient(circle,rgba(0, 220, 255, 0.22),transparent 70%);
width:260px;
height:260px;
top:-2.5rem;
position:absolute;
right:-2.5rem;
}
.api-wlc_in_zoc{
position:relative;
}
.api-wlc_h2_zoc{
margin:10px 0 8px;
color:#e8f6fb;
font-weight:700;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.03;
overflow-wrap:break-word;
font-size:2.125rem;
}
.api-wlc_h2_zoc em{
font-style:normal;
color:#00e5ff;
}
.api-wlc_sub_zoc{
line-height:1.55;
max-width:420px;
font-size:14px;
color:#7bbdd4;
margin-bottom:18px;
}
.api-wlc_terms_zoc{
gap:0.625rem;
display:flex;
flex-direction:column;
position:relative;
}
.api-term_zoc{
background:rgba(255, 255, 255, 0.07);
padding:0.813rem 15px;
border-radius:0.813rem;
gap:11px;
border:1px solid rgba(255, 255, 255, 0.12);
align-items:center;
display:flex;
}
.api-term_zoc svg{
flex:none;
width:20px;
height:1.25rem;
color:#00e5ff;
}
.api-term_k_zoc{
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#7bbdd4;
letter-spacing:.1em;
text-transform:uppercase;
font-size:0.594rem;
}
.api-term_v_zoc{
margin-top:2px;
font-size:14px;
font-weight:700;
color:#e8f6fb;
}
@media(max-width:1023px){
.api-wlc_zoc{
grid-template-columns:1fr;
}
}
@media(max-width:563px){
.api-wlc_h2_zoc{
font-size:1.625rem;
}
}
.api-jp_zoc{
grid-template-columns:1.5fr 1fr 1fr;
gap:14px;
display:grid;
}
.api-jp_zoc>*{
min-width:0;
}
.api-jp_hero_zoc{
border-radius:1.25rem;
padding:26px;
gap:14px;
background:linear-gradient(135deg,#061018,#040c16);
border:1px solid #1e3040;
overflow:hidden;
flex-direction:column;
display:flex;
color:#e8f6fb;
min-height:180px;
justify-content:space-between;
position:relative;
}
.api-jp_glow_zoc{
border-radius:50%;
background:radial-gradient(circle,rgba(0, 220, 255, 0.22),transparent 70%);
position:absolute;
height:11.25rem;
width:180px;
right:-40px;
top:-40px;
}
.api-jp_k_row_zoc{
gap:10px;
justify-content:space-between;
align-items:center;
display:flex;
position:relative;
}
.api-jp_k_zoc{
font-size:0.625rem;
color:#6b8fa0;
letter-spacing:.12em;
text-transform:uppercase;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.api-jp_hero_zoc .api-jp_k_zoc{
color:#7bbdd4;
}
.api-jp_amt_zoc{
line-height:1;
position:relative;
font-size:42px;
color:#00e5ff;
font-weight:700;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.api-jp_sub_zoc{
color:#7bbdd4;
font-size:12px;
margin-top:0.313rem;
}
.api-jp_cell_zoc{
border-radius:20px;
border:1px solid #1e3040;
padding:1.375rem;
background:#111922;
display:flex;
min-height:11.25rem;
justify-content:space-between;
flex-direction:column;
}
.api-jp_cell_zoc .api-jp_amt_zoc{
color:#e8f4f8;
font-size:1.875rem;
}
.api-jp_cell_zoc .api-jp_sub_zoc{
color:#6b8fa0;
}
@media(max-width:1021px){
.api-jp_zoc{
grid-template-columns:1fr;
}
}
@media(max-width:558px){
.api-jp_amt_zoc{
font-size:32px;
}
}
.api-vip_head_zoc{
gap:0.75rem;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-end;
margin-bottom:18px;
}
.api-vip_intro_zoc{
font-size:13px;
max-width:26.25rem;
color:#a8c0cc;
}
.api-vip_zoc{
grid-template-columns:repeat(5,1fr);
gap:12px;
display:grid;
}
.api-vip_zoc>*{
min-width:0;
}
.api-tier_zoc{
background:#111922;
border-radius:0.813rem;
border:1px solid #1e3040;
padding:1.25rem;
}
.api-tier_on_zoc{
background:rgba(0, 212, 245, 0.11);
border-color:#00d4f5;
}
.api-tier_medal_zoc{
border-radius:8px;
background:linear-gradient(135deg,#00d4f5,#0097b8);
width:1.875rem;
margin-bottom:0.875rem;
height:1.875rem;
}
.api-tier_name_zoc{
font-weight:700;
margin-bottom:5px;
font-size:15px;
color:#e8f4f8;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.api-tier_tx_zoc{
line-height:1.5;
font-size:11.5px;
color:#6b8fa0;
}
@media(max-width:1022px){
.api-vip_zoc{
grid-template-columns:repeat(2,1fr);
}
}
.api-supp_zoc{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.api-supp_zoc>*{
min-width:0;
}
.api-supp_card_zoc{
background:#111922;
padding:1.5rem;
border-radius:13px;
border:1px solid #1e3040;
}
.api-supp_card_zoc svg{
margin-bottom:14px;
height:1.5rem;
width:1.5rem;
color:#00d4f5;
}
.api-supp_card_zoc h3{
font-size:1rem;
margin-bottom:0.375rem;
font-weight:700;
color:#e8f4f8;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.api-supp_card_zoc p{
line-height:1.55;
font-size:13px;
color:#a8c0cc;
}
@media(max-width:1026px){
.api-supp_zoc{
grid-template-columns:1fr;
}
}
.api-dw_h2_zoc{
font-size:1.625rem;
color:#e8f4f8;
line-height:1.08;
font-weight:700;
margin-bottom:0.625rem;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.api-steps_v_zoc{
gap:10px;
grid-template-columns:1fr;
}
.api-steps_v_zoc .api-step_zoc{
padding:1.125rem 1.25rem;
}
@media(max-width:559px){
.api-dw_h2_zoc{
font-size:23px;
}
}
.api-app_zoc{
gap:2.25rem;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.api-app_copy_zoc{
max-width:32.5rem;
}
.api-app_h2_zoc{
margin:0.75rem 0 10px;
font-size:1.75rem;
color:#e8f4f8;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.05;
font-weight:700;
}
.api-app_text_zoc{
margin-bottom:20px;
line-height:1.6;
color:#a8c0cc;
font-size:0.875rem;
}
.api-app_btns_zoc{
gap:0.75rem;
display:flex;
flex-wrap:wrap;
}
.api-store_zoc{
border:1px solid #1e3040;
border-radius:13px;
gap:0.563rem;
padding:11px 1.125rem;
background:#0a0f14;
display:inline-flex;
color:#e8f4f8;
font-size:13px;
align-items:center;
cursor:pointer;
font-weight:700;
}
.api-store_zoc svg{
height:16px;
width:16px;
}
.api-app_qr_wrap_zoc{
gap:1rem;
display:flex;
align-items:center;
}
.api-qr_zoc{
border-radius:13px;
grid-template-rows:repeat(5,1fr);
border:1px solid #1e3040;
gap:3px;
grid-template-columns:repeat(5,1fr);
background:#0a0f14;
padding:0.688rem;
width:6.75rem;
display:grid;
height:108px;
}
.api-qr_zoc i{
background:transparent;
}
.api-qr_f_zoc{
background:#00d4f5;
}
.api-app_qr_cap_zoc{
max-width:84px;
font-size:0.75rem;
color:#6b8fa0;
line-height:1.4;
}
.api-steps_zoc{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.api-steps_zoc>*{
min-width:0;
}
.api-step_zoc{
background:#111922;
border:1px solid #1e3040;
border-radius:13px;
padding:24px;
position:relative;
}
.api-step_num_zoc{
border-radius:8px;
background:#00d4f5;
margin-bottom:0.875rem;
width:30px;
height:1.875rem;
font-weight:700;
justify-content:center;
display:flex;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#040d12;
align-items:center;
font-size:13px;
}
.api-step_h_zoc{
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:7px;
font-weight:700;
color:#e8f4f8;
font-size:1rem;
}
.api-step_p_zoc{
color:#a8c0cc;
font-size:0.813rem;
line-height:1.55;
}
@media(max-width:1022px){
.api-steps_zoc{
grid-template-columns:1fr;
}
}
.api-news_zoc{
background:linear-gradient(135deg,#061018,#040c16);
padding:1.625rem 2rem;
gap:1.5rem;
border-radius:1.25rem;
border:1px solid #1e3040;
justify-content:space-between;
flex-wrap:wrap;
color:#e8f6fb;
align-items:center;
display:flex;
}
.api-news_h3_zoc{
font-weight:700;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#e8f6fb;
font-size:20px;
margin-bottom:0.25rem;
}
.api-news_text_zoc{
color:#7bbdd4;
font-size:0.813rem;
}
.api-news_form_zoc{
gap:10px;
flex:1;
display:flex;
min-width:0;
max-width:27.5rem;
}
.api-news_form_zoc .api-input_zoc{
min-width:0;
}
@media(max-width:561px){
.api-news_form_zoc{
width:100%;
}
}
.api-input_zoc{
padding:13px 1rem;
border:1px solid rgba(255, 255, 255, 0.12);
flex:1;
background:rgba(255, 255, 255, 0.07);
border-radius:0.5rem;
color:#7bbdd4;
font-size:0.844rem;
}
.api-tour_zoc{
border-radius:1.25rem;
overflow:hidden;
border:1px solid #1e3040;
grid-template-columns:1.05fr 1fr;
display:grid;
}
.api-tour_zoc>*{
min-width:0;
}
.api-tour_l_zoc{
overflow:hidden;
padding:2.125rem;
background:linear-gradient(135deg,#061018,#040c16);
position:relative;
color:#e8f6fb;
}
.api-tour_h2_zoc{
margin:12px 0 0.625rem;
color:#e8f6fb;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
font-size:30px;
line-height:1.05;
}
.api-tour_h2_zoc em{
color:#00e5ff;
font-style:normal;
}
.api-tour_text_zoc{
font-size:13.5px;
margin-bottom:1.25rem;
max-width:340px;
color:#7bbdd4;
line-height:1.6;
}
.api-tour_meta_zoc{
gap:18px;
display:flex;
flex-wrap:wrap;
margin-bottom:1.25rem;
align-items:flex-end;
}
.api-tour_cap_zoc{
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.594rem;
margin-bottom:0.313rem;
text-transform:uppercase;
color:#7bbdd4;
}
.api-count_zoc{
gap:6px;
display:flex;
}
.api-count_zoc span{
background:rgba(255, 255, 255, 0.07);
border-radius:0.5rem;
padding:4px 9px;
border:1px solid rgba(255, 255, 255, 0.12);
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-weight:700;
font-size:22px;
}
.api-tour_units_zoc{
font-size:10px;
color:#7bbdd4;
}
.api-board_zoc{
background:#111922;
padding:1.75rem 1.875rem;
}
.api-board_head_zoc{
justify-content:space-between;
display:flex;
margin-bottom:14px;
align-items:center;
}
.api-board_title_zoc{
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
font-size:1rem;
color:#e8f4f8;
}
.api-board_upd_zoc{
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.625rem;
text-transform:uppercase;
color:#6b8fa0;
}
.api-board_list_zoc{
gap:2px;
flex-direction:column;
display:flex;
}
.api-board_row_zoc{
gap:12px;
padding:0.625rem 12px;
border-radius:0.5rem;
align-items:center;
display:flex;
}
.api-board_top1_zoc{
background:rgba(0, 212, 245, 0.11);
}
.api-board_rk_zoc{
font-size:0.875rem;
width:1.25rem;
font-weight:700;
color:#6b8fa0;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.api-board_top1_zoc .api-board_rk_zoc{
color:#00d4f5;
}
.api-board_nm_zoc{
flex:1;
color:#a8c0cc;
font-size:0.844rem;
font-weight:600;
min-width:0;
}
.api-board_top1_zoc .api-board_nm_zoc{
color:#e8f4f8;
font-weight:700;
}
.api-board_pt_zoc{
color:#a8c0cc;
font-size:0.781rem;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
@media(max-width:1024px){
.api-tour_zoc{
grid-template-columns:1fr;
}
}
@media(max-width:560px){
.api-tour_h2_zoc{
font-size:1.5rem;
}
}
.api-promo_grid_zoc{
grid-template-columns:repeat(3,1fr);
gap:1rem;
display:grid;
}
.api-promo_grid_zoc>*{
min-width:0;
}
.api-promo_zoc{
overflow:hidden;
border:1px solid #1e3040;
padding:1.5rem;
background:#111922;
border-radius:20px;
position:relative;
min-height:9.375rem;
}
.api-promo_h_zoc{
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-top:6px;
color:#e8f4f8;
line-height:1.05;
font-weight:700;
font-size:1.625rem;
}
.api-promo_h_zoc em{
font-style:normal;
color:#00d4f5;
}
.api-promo_p_zoc{
color:#a8c0cc;
line-height:1.5;
font-size:0.781rem;
margin-top:8px;
}
.api-promo_feat_zoc{
border-color:#1e3040;
background:linear-gradient(135deg,#061018,#040c16);
}
.api-promo_feat_zoc .api-promo_h_zoc{
color:#e8f6fb;
}
.api-promo_feat_zoc .api-promo_h_zoc em{
color:#00e5ff;
}
.api-promo_feat_zoc .api-promo_p_zoc{
color:#7bbdd4;
}
.api-promo_feat_zoc .api-eyebrow_zoc{
color:#00e5ff;
}
@media(max-width:1025px){
.api-promo_grid_zoc{
grid-template-columns:1fr;
}
}
.api-pay_logos_zoc{
gap:9px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.api-pay_logos_zoc>*{
min-width:0;
}
.api-pay_zoc{
border:1px solid #1e3040;
border-radius:0.5rem;
color:#a8c0cc;
font-size:12px;
align-items:center;
height:48px;
font-weight:700;
justify-content:center;
display:flex;
}
.api-table_zoc{
border-radius:13px;
overflow:hidden;
border:1px solid #1e3040;
}
.api-trow_zoc{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:13px;
}
.api-trow_zoc>div{
padding:13px 0.875rem;
min-width:0;
}
.api-trow_zoc>div:first-child{
font-weight:700;
padding-left:1rem;
color:#e8f4f8;
}
.api-trow_th_zoc{
background:#0a0f14;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.06em;
color:#6b8fa0;
text-transform:uppercase;
font-size:9.5px;
}
.api-trow_zoc:not(.api-trow_th_zoc){
background:#111922;
border-top:1px solid #172430;
color:#a8c0cc;
}
.api-trow_zebra_zoc{
background:#0e151d;
}
.api-pos_zoc{
font-weight:700;
color:#00d4f5;
}
@media(max-width:1026px){
.api-pay_logos_zoc{
grid-template-columns:repeat(2,1fr);
}
}
.api-ab_h2_zoc{
margin:0.875rem 0 1rem;
font-size:2rem;
line-height:1.08;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
color:#e8f4f8;
}
.api-ab_body_zoc{
line-height:1.65;
color:#a8c0cc;
font-size:0.938rem;
margin-bottom:14px;
}
.api-ab_chips_zoc{
gap:0.625rem;
margin-top:8px;
display:flex;
flex-wrap:wrap;
}
.api-faq_zoc{
gap:10px;
flex-direction:column;
display:flex;
}
.api-faq_item_zoc{
padding:1.125rem 1.375rem;
border-radius:13px;
background:#111922;
border:1px solid #1e3040;
}
.api-faq_q_zoc{
list-style:none;
gap:1rem;
justify-content:space-between;
display:flex;
cursor:pointer;
font-size:0.969rem;
align-items:center;
font-weight:600;
color:#e8f4f8;
}
.api-faq_q_zoc::-webkit-details-marker{
display:none;
}
.api-faq_q_t_zoc{
gap:0.625rem;
display:flex;
}
.api-faq_q_i_zoc{
font-style:normal;
color:#00d4f5;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.api-faq_pm_zoc{
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:20px;
color:#00d4f5;
}
.api-faq_item_zoc[open] .api-faq_pm_zoc{
transform:rotate(45deg);
}
.api-faq_a_zoc{
color:#a8c0cc;
font-size:13.5px;
line-height:1.6;
margin-top:0.75rem;
}
@media(max-width:561px){
.api-ab_h2_zoc{
font-size:26px;
}
}
.api-op_h2_zoc{
margin:0.625rem 0 8px;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
font-size:1.5rem;
line-height:1.1;
color:#e8f4f8;
}
.api-op_text_zoc{
color:#a8c0cc;
font-size:13.5px;
line-height:1.6;
}
@media(max-width:557px){
.api-op_h2_zoc{
font-size:1.375rem;
}
}
.api-et_h2_zoc{
margin:10px 0 14px;
font-weight:700;
line-height:1.08;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1.75rem;
color:#e8f4f8;
}
.api-et_right_zoc{
gap:0.625rem;
flex-direction:column;
display:flex;
}
.api-et_updated_zoc{
gap:10px;
background:#0a0f14;
padding:14px 1.125rem;
border-radius:0.813rem;
border:1px solid #1e3040;
color:#a8c0cc;
display:flex;
font-size:0.75rem;
align-items:center;
}
.api-et_updated_zoc svg{
flex:none;
height:15px;
width:0.938rem;
color:#00d4f5;
}
.api-et_updated_zoc b{
color:#e8f4f8;
}
@media(max-width:561px){
.api-et_h2_zoc{
font-size:24px;
}
}
.api-provs_zoc{
gap:0.75rem;
grid-template-columns:repeat(6,1fr);
display:grid;
margin-bottom:28px;
}
.api-provs_zoc>*{
min-width:0;
}
.api-prov_zoc{
border:1px solid #1e3040;
background:#111922;
border-radius:13px;
padding:0.75rem;
display:flex;
text-decoration:none;
align-items:center;
justify-content:center;
height:64px;
}
.api-prov_img_zoc{
max-width:100%;
max-height:32px;
object-fit:contain;
}
.api-resp_zoc{
padding:1.625rem;
gap:24px;
border:1px solid #1e3040;
background:#111922;
border-radius:13px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
}
.api-resp_in_zoc{
max-width:35rem;
}
.api-resp_h_zoc{
color:#e8f4f8;
font-size:1.188rem;
font-weight:700;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:0.5rem;
}
.api-resp_p_zoc{
line-height:1.6;
font-size:0.844rem;
color:#a8c0cc;
}
.api-resp_badges_zoc{
gap:0.875rem;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.api-age18_zoc{
border:1.5px solid #ff3b3b;
padding:0.25rem 8px;
border-radius:8px;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-weight:700;
color:#ff3b3b;
font-size:13px;
}
.api-resp_org_zoc{
color:#6b8fa0;
font-size:13px;
font-weight:600;
}
@media(max-width:1021px){
.api-provs_zoc{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:557px){
.api-provs_zoc{
grid-template-columns:repeat(2,1fr);
}
}
.api-dispute_zoc{
padding:26px 1.875rem;
gap:1.75rem;
border-radius:13px;
border:1px dashed #2a4458;
align-items:center;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.api-dispute_in_zoc{
max-width:660px;
}
.api-dispute_h2_zoc{
margin-bottom:8px;
color:#e8f4f8;
font-weight:700;
font-size:1.375rem;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.api-dispute_text_zoc{
color:#a8c0cc;
font-size:0.844rem;
line-height:1.6;
}
.api-gd_head_zoc{
gap:0.75rem;
justify-content:space-between;
margin-bottom:1rem;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.api-footer_zoc{
background:#070b0f;
padding:2.5rem 28px;
border-top:1px solid #172430;
}
.api-footer_grid_zoc{
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:32px;
max-width:87.5rem;
margin-bottom:1.75rem;
display:grid;
margin-right:auto;
margin-left:auto;
}
.api-footer_grid_zoc>*{
min-width:0;
}
.api-footer_grid_zoc h4{
text-transform:uppercase;
letter-spacing:.12em;
font-size:0.625rem;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#3d5a6a;
margin-bottom:13px;
}
.api-fcol_zoc{
gap:0.563rem;
flex-direction:column;
font-size:0.813rem;
display:flex;
color:#a8c0cc;
}
.api-fcol_zoc a{
cursor:pointer;
}
.api-ft_about_zoc{
font-size:0.813rem;
line-height:1.6;
max-width:260px;
color:#6b8fa0;
margin-top:0.75rem;
}
.api-ft_contact_zoc{
font-size:0.781rem;
margin-top:12px;
font-family:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
overflow-wrap:anywhere;
color:#00d4f5;
}
.api-footer_bottom_zoc{
gap:16px;
margin:0 auto;
border-top:1px solid #172430;
flex-wrap:wrap;
max-width:1400px;
justify-content:space-between;
display:flex;
align-items:center;
padding-top:1.25rem;
}
.api-footer_bottom_zoc p{
color:#3d5a6a;
font-size:11px;
line-height:1.6;
max-width:45rem;
}
@media(max-width:1021px){
.api-footer_grid_zoc{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:559px){
.api-footer_grid_zoc{
grid-template-columns:1fr;
}
}