*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F0F9FB;
line-height:1.55;
font-size:0.938rem;
font-family:"Nunito Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
overflow-wrap:break-word;
color:#2A4A57;
}
img{
max-width:100%;
display:block;
}
a{
color:inherit;
text-decoration:none;
}
button{
border:none;
background:none;
cursor:pointer;
font-family:inherit;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
height:8px;
width:8px;
}
::-webkit-scrollbar-thumb{
border-radius:0.5rem;
background:rgba(10, 24, 32, 0.72);
}
::-webkit-scrollbar-track{
background:transparent;
}
.okj-shell_0h0{
grid-template-columns:248px 1fr;
display:grid;
min-height:100vh;
}
.okj-main_0h0{
min-width:0;
}
.okj-wrap_0h0{
margin:0 auto;
width:100%;
max-width:1380px;
}
.okj-container_0h0{
padding:0 16px;
margin:0 auto;
max-width:1380px;
width:100%;
}
@media(min-width:768px){
.okj-container_0h0{
padding:0 1.75rem;
}
}
.okj-section_0h0{
padding:24px 1.75rem;
}
.okj-section_pt_0h0{
padding-top:34px;
}
.okj-band_soft_0h0{
background:#FFFFFF;
}
.okj-eyebrow_0h0{
font-weight:600;
overflow-wrap:break-word;
font-size:0.656rem;
display:inline-block;
font-family:"Nunito Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
text-transform:uppercase;
line-height:1.4;
color:#007A8C;
letter-spacing:.14em;
}
.okj-drawer_cb_0h0{
display:none;
}
.okj-overlay_0h0{
display:none;
}
@media(max-width:1026px){
.okj-shell_0h0{
grid-template-columns:1fr;
}
.okj-main_0h0{
padding-bottom:4.875rem;
}
.okj-drawer_cb_0h0:checked~.okj-overlay_0h0{
background:rgba(10, 24, 32, 0.72);
inset:0;
display:block;
position:fixed;
z-index:70;
}
}
@media(max-width:562px){
.okj-section_0h0{
padding:18px 1rem;
}
.okj-section_pt_0h0{
padding-top:24px;
}
}
@keyframes zm3-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
@keyframes zm3-marquee{
0%{
transform:translateX(0)}
100%{
transform:translateX(-50%)}
}
/* ---------- sidebar ---------- */
.okj-side_0h0{
padding:22px 18px;
background:#E2F2F6;
gap:22px;
overflow-y:auto;
top:0;
align-self:start;
display:flex;
border-right:1px solid rgba(13, 32, 41, 0.08);
height:100vh;
flex-direction:column;
position:sticky;
}
.okj-brand_0h0{
gap:0.625rem;
display:flex;
align-items:center;
}
.okj-logo_0h0{
letter-spacing:-.02em;
color:#0D2029;
font-size:1.313rem;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
}
.okj-side_cta_0h0{
border-radius:12px;
background:rgba(0, 122, 140, 0.11);
padding:1rem;
border:1px solid rgba(13, 32, 41, 0.12);
}
.okj-side_cta_h_0h0{
font-weight:700;
color:#0D2029;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.15;
font-size:17px;
margin-bottom:6px;
}
.okj-side_cta_p_0h0{
font-size:12px;
line-height:1.45;
color:#2A4A57;
margin-bottom:12px;
}
.okj-nav_0h0{
gap:3px;
display:flex;
flex-direction:column;
}
.okj-nav_label_0h0{
padding:0.375rem 0.625rem;
letter-spacing:.14em;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
font-size:9.5px;
color:#8AAAB8;
}
.okj-nav_item_0h0{
padding:0.625rem;
border-radius:8px;
gap:11px;
color:#2A4A57;
display:flex;
align-items:center;
font-weight:500;
font-size:0.875rem;
}
.okj-nav_item_0h0 svg{
width:1.063rem;
height:1.063rem;
}
.okj-nav_item_0h0:hover{
background:rgba(0, 122, 140, 0.11);
color:#0D2029;
}
.okj-nav_item_on_0h0{
background:rgba(0, 122, 140, 0.11);
font-weight:600;
color:#007A8C;
}
.okj-side_foot_0h0{
border-radius:0.75rem;
border:1px solid rgba(13, 32, 41, 0.12);
padding:12px;
background:#FFFFFF;
margin-top:auto;
}
.okj-side_foot_0h0 p{
line-height:1.4;
color:#2A4A57;
font-size:0.781rem;
margin-top:4px;
}
/* ---------- topbar ---------- */
.okj-top_0h0{
padding:0.875rem 28px;
background:#E2F2F6;
gap:16px;
align-items:center;
position:sticky;
display:flex;
top:0;
border-bottom:1px solid rgba(13, 32, 41, 0.08);
z-index:40;
}
.okj-top_brand_0h0{
gap:9px;
display:none;
align-items:center;
}
.okj-search_0h0{
gap:0.625rem;
border:1px solid rgba(13, 32, 41, 0.12);
border-radius:12px;
padding:0.688rem 0.875rem;
flex:1;
background:#FFFFFF;
font-size:13.5px;
align-items:center;
color:#527080;
max-width:27.5rem;
display:flex;
}
.okj-search_0h0 svg{
flex:none;
height:1rem;
width:16px;
}
.okj-top_actions_0h0{
gap:12px;
align-items:center;
margin-left:auto;
display:flex;
}
.okj-lang_0h0{
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:12px;
color:#2A4A57;
}
.okj-burger_0h0{
border-radius:0.5rem;
background:#FFFFFF;
border:1px solid rgba(13, 32, 41, 0.12);
color:#0D2029;
height:40px;
display:none;
width:2.5rem;
align-items:center;
justify-content:center;
}
/* ---------- bottom-nav (mobile) ---------- */
.okj-botnav_0h0{
display:none;
}
@media(max-width:1026px){
.okj-side_0h0{
transition:transform .25s ease;
width:280px;
z-index:80;
transform:translateX(-100%);
position:fixed;
top:0;
height:100vh;
left:0;
}
.okj-drawer_cb_0h0:checked~.okj-shell_0h0 .okj-side_0h0{
transform:translateX(0);
}
.okj-top_0h0{
padding:0.875rem 1rem;
gap:12px;
position:static;
flex-wrap:wrap;
}
.okj-top_brand_0h0{
display:flex;
}
.okj-search_0h0{
display:none;
}
.okj-burger_0h0{
display:flex;
}
.okj-top_actions_0h0{
gap:0.625rem;
margin-left:0;
width:100%;
align-items:stretch;
}
.okj-top_actions_0h0 .okj-lang_0h0{
display:none;
}
.okj-top_actions_0h0 .okj-btn_0h0{
padding:0.688rem 10px;
flex:1;
text-align:center;
}
.okj-botnav_0h0{
grid-template-columns:repeat(3,1fr);
background:#E2F2F6;
padding:0.5rem 6px calc(0.5rem + env(safe-area-inset-bottom));
z-index:65;
transform:translateZ(0);
bottom:0;
display:grid;
left:0;
border-top:1px solid rgba(13, 32, 41, 0.12);
position:fixed;
right:0;
}
.okj-bn_0h0{
padding:0.375rem 2px 0;
gap:4px;
font-weight:600;
display:flex;
align-items:center;
justify-content:flex-end;
color:#2A4A57;
font-size:10px;
flex-direction:column;
min-width:0;
}
.okj-bn_0h0 svg{
flex:none;
height:22px;
width:22px;
}
.okj-bn_0h0 span{
overflow:hidden;
text-overflow:ellipsis;
text-align:center;
white-space:nowrap;
max-width:100%;
}
.okj-bn_on_0h0{
color:#007A8C;
}
.okj-bn_center_0h0{
position:relative;
}
.okj-bn_fab_0h0{
background:#00C2D6;
border-radius:50%;
justify-content:center;
left:50%;
box-shadow:0 0.5rem 2rem rgba(0, 122, 140, 0.18), 0 2px 0.5rem rgba(13, 32, 41, 0.10);
color:#001A22;
top:-1.25rem;
position:absolute;
height:50px;
align-items:center;
display:flex;
transform:translateX(-50%);
width:50px;
}
.okj-bn_fab_0h0 svg{
height:24px;
width:24px;
}
.okj-bn_center_0h0 span{
color:#007A8C;
}
}
.okj-btn_0h0{
padding:0.688rem 1.375rem;
border-radius:8px;
gap:0.5rem;
transition:background-color 0.2s ease,color 0.2s ease;
cursor:pointer;
display:inline-flex;
align-items:center;
font-family:"Nunito Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
font-size:0.875rem;
justify-content:center;
}
.okj-btn_pri_0h0{
background:#00C2D6;
color:#001A22;
box-shadow:0 4px 1.125rem rgba(0, 194, 214, 0.40), 0 2px 0.375rem rgba(0, 90, 106, 0.28);
}
.okj-btn_pri_0h0:hover{
background:#00A8BB;
}
.okj-btn_ghost_0h0{
background:rgba(0, 122, 140, 0.11);
font-weight:600;
color:#0D2029;
}
.okj-btn_line_0h0{
border:1px solid rgba(13, 32, 41, 0.22);
background:transparent;
font-weight:600;
color:#0D2029;
}
.okj-btn_lg_0h0{
border-radius:0.75rem;
padding:16px 1.875rem;
font-size:15px;
}
.okj-band_0h0 .okj-btn_line_0h0{
border-color:rgba(255, 255, 255, 0.12);
color:#E8F8FB;
}
.okj-band_0h0 .okj-btn_ghost_0h0{
background:rgba(255, 255, 255, 0.08);
color:#E8F8FB;
}
.okj-link_m_0h0{
gap:5px;
cursor:pointer;
align-items:center;
display:inline-flex;
color:#007A8C;
text-decoration:none;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.75rem;
}
.okj-link_m_0h0 svg{
height:14px;
width:0.875rem;
}
.okj-band_0h0 .okj-link_m_0h0{
color:#00D8EE;
}
.okj-dot_0h0{
background:#007A8C;
border-radius:50%;
flex:none;
height:7px;
width:0.438rem;
}
.okj-dot_live_0h0{
animation:zm3-pulse 1.4s infinite;
background:#E03040;
}
.okj-stars_0h0{
gap:2px;
color:#007A8C;
display:inline-flex;
}
.okj-stars_0h0 svg{
width:0.938rem;
height:15px;
}
.okj-chip_0h0{
background:#FFFFFF;
border:1px solid rgba(13, 32, 41, 0.12);
padding:7px 12px;
border-radius:0.5rem;
gap:6px;
font-size:0.688rem;
color:#2A4A57;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
display:inline-flex;
align-items:center;
}
.okj-chip_on_0h0{
border-color:transparent;
background:rgba(0, 122, 140, 0.11);
color:#007A8C;
}
.okj-gc_0h0{
text-decoration:none;
cursor:pointer;
min-width:0;
color:inherit;
display:block;
}
.okj-gc_thumb_0h0{
overflow:hidden;
border:1px solid rgba(13, 32, 41, 0.12);
border-radius:0.75rem;
background-position:center;
aspect-ratio:1;
display:block;
background-size:cover;
position:relative;
}
.okj-gc_thumb_portrait_0h0{
aspect-ratio:3/4;
}
.okj-gc_thumb_wide_0h0{
aspect-ratio:16/11;
}
.okj-gc_cap_0h0{
padding:9px;
background:linear-gradient(transparent,rgba(10, 24, 32, 0.72));
bottom:0;
right:0;
position:absolute;
left:0;
}
.okj-gc_name_0h0{
display:block;
font-weight:700;
font-size:0.781rem;
color:#E8F8FB;
}
.okj-gc_meta_0h0{
color:#7EC8D8;
font-size:11px;
}
.okj-gc_badge_0h0{
border-radius:8px;
background:#007A8C;
padding:2px 0.375rem;
font-size:8px;
top:0.5rem;
font-weight:700;
right:0.5rem;
position:absolute;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#001A22;
}
.okj-gc_badge_hot_0h0{
background:#E03040;
color:#E8F8FB;
}
.okj-gc_badge_live_0h0{
background:#E03040;
color:#E8F8FB;
right:auto;
left:0.5rem;
}
.okj-gc_mult_0h0{
inset:0;
font-weight:700;
color:#007A8C;
position:absolute;
font-size:28px;
display:flex;
align-items:center;
justify-content:center;
}
.okj-pc_0h0{
background:#FFFFFF;
border-radius:0.75rem;
border:1px solid rgba(13, 32, 41, 0.12);
display:flex;
color:#2A4A57;
justify-content:center;
align-items:center;
height:4rem;
font-weight:700;
font-size:0.875rem;
}
.okj-rail_0h0{
min-width:0;
}
.okj-rail_scroll_0h0{
gap:14px;
display:grid;
}
.okj-rail_scroll_0h0>*{
min-width:0;
}
.okj-g6_0h0{
grid-template-columns:repeat(6,1fr);
}
.okj-g7_0h0{
grid-template-columns:repeat(7,1fr);
}
.okj-g4_0h0{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1025px){
.okj-g6_0h0,.okj-g7_0h0{
grid-template-columns:none;
padding-bottom:0.375rem;
grid-auto-flow:column;
grid-auto-columns:7.5rem;
scroll-snap-type:x mandatory;
overflow-x:auto;
}
.okj-g6_0h0>*,.okj-g7_0h0>*{
scroll-snap-align:start;
}
.okj-g4_0h0{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:559px){
.okj-g4_0h0{
grid-template-columns:none;
overflow-x:auto;
grid-auto-flow:column;
grid-auto-columns:150px;
}
}
.okj-panel_0h0{
border-radius:1.25rem;
border:1px solid rgba(13, 32, 41, 0.12);
padding:1.75rem 32px;
background:#FFFFFF;
}
.okj-split_0h0{
gap:2.25rem;
align-items:start;
display:grid;
}
.okj-split_0h0>*{
min-width:0;
}
.okj-split_a_0h0{
grid-template-columns:.85fr 1.15fr;
}
.okj-split_b_0h0{
grid-template-columns:1fr 1.1fr;
}
.okj-split_c_0h0{
grid-template-columns:1.1fr .9fr;
}
.okj-pgrid_0h0{
gap:2.5rem;
grid-template-columns:.9fr 1.1fr;
align-items:center;
display:grid;
}
.okj-pgrid_0h0>*{
min-width:0;
}
.okj-lead_0h0{
font-size:15px;
margin-bottom:14px;
color:#2A4A57;
line-height:1.65;
}
.okj-feat_0h0{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.okj-feat_0h0>*{
min-width:0;
}
.okj-feat2_0h0{
grid-template-columns:1fr 1fr;
}
.okj-feat_card_0h0{
border-radius:1.25rem;
border:1px solid rgba(13, 32, 41, 0.12);
background:#FFFFFF;
padding:26px;
}
.okj-feat_card_0h0 svg{
color:#007A8C;
width:26px;
margin-bottom:16px;
height:26px;
}
.okj-feat_card_0h0 h3{
font-size:1.125rem;
font-weight:700;
margin-bottom:8px;
color:#0D2029;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.okj-feat_card_0h0 p{
font-size:13px;
color:#2A4A57;
line-height:1.6;
}
.okj-feat_card_0h0 b{
color:#0D2029;
}
.okj-big_0h0{
gap:1.375rem;
display:flex;
flex-wrap:wrap;
}
.okj-big_n_0h0{
color:#007A8C;
font-size:26px;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
}
.okj-big_l_0h0{
font-size:0.75rem;
color:#527080;
}
.okj-person_0h0{
padding:1rem 1.125rem;
gap:0.875rem;
background:#FFFFFF;
border:1px solid rgba(13, 32, 41, 0.12);
border-radius:0.75rem;
display:flex;
align-items:center;
}
.okj-avatar_0h0{
flex:none;
border-radius:50%;
background:linear-gradient(135deg,#00C2D6,#005A6A);
height:44px;
width:2.75rem;
}
.okj-person_name_0h0{
font-weight:700;
font-size:0.875rem;
color:#0D2029;
}
.okj-person_role_0h0{
font-size:12px;
color:#527080;
}
.okj-kv_0h0{
background:rgba(13, 32, 41, 0.12);
grid-template-columns:1fr 1fr;
overflow:hidden;
gap:1px;
border-radius:12px;
border:1px solid rgba(13, 32, 41, 0.12);
display:grid;
}
.okj-kv_0h0>div{
padding:1rem 1.125rem;
background:#F0F9FB;
min-width:0;
}
.okj-kv_k_0h0{
font-size:9.5px;
text-transform:uppercase;
margin-bottom:0.313rem;
color:#007A8C;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.okj-kv_v_0h0{
font-size:0.844rem;
color:#0D2029;
font-weight:700;
}
@media(max-width:1023px){
.okj-split_a_0h0,.okj-split_b_0h0,.okj-split_c_0h0,.okj-pgrid_0h0{
grid-template-columns:1fr;
gap:24px;
}
.okj-feat_0h0,.okj-feat2_0h0{
grid-template-columns:1fr;
}
.okj-kv_0h0{
grid-template-columns:1fr;
}
}
.okj-sh_0h0{
margin-bottom:1rem;
min-width:0;
}
.okj-sh_row_0h0{
gap:0.75rem;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-end;
}
.okj-sh_row_0h0 .okj-sh_l_0h0{
gap:0.375rem;
min-width:0;
flex-direction:column;
display:flex;
}
.okj-sh_stack_0h0{
gap:0.625rem;
display:flex;
align-items:flex-start;
flex-direction:column;
}
.okj-sh_center_0h0{
gap:10px;
flex-direction:column;
text-align:center;
align-items:center;
display:flex;
}
.okj-sh_h2_0h0{
gap:0.563rem;
display:flex;
align-items:center;
overflow-wrap:break-word;
color:#0D2029;
line-height:1.1;
font-weight:700;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:20px;
}
@media(min-width:768px){
.okj-sh_h2_0h0{
font-size:1.5rem;
}
}
.okj-band_0h0 .okj-sh_h2_0h0{
color:#E8F8FB;
}
.okj-eb_mono_0h0{
letter-spacing:.08em;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
text-transform:none;
}
.okj-eb_mono_0h0::before{
content:"// ";
}
.okj-eb_upper_0h0{
letter-spacing:.14em;
text-transform:uppercase;
}
.okj-eb_pill_0h0{
background:rgba(0, 122, 140, 0.11);
border-radius:999px;
padding:5px 0.688rem;
text-transform:uppercase;
letter-spacing:.12em;
}
.okj-eb_line_0h0{
gap:0.625rem;
display:inline-flex;
align-items:center;
}
.okj-eb_line_0h0::before{
background:#007A8C;
content:"";
height:1px;
width:24px;
display:inline-block;
}
.okj-band_0h0 .okj-eb_line_0h0::before{
background:#00D8EE;
}
.okj-band_0h0 .okj-eb_pill_0h0{
background:rgba(255, 255, 255, 0.08);
}
.okj-sh_link_0h0{
gap:0.375rem;
transition:color 0.2s ease,border-color 0.2s ease;
padding-bottom:2px;
border-bottom:1px solid #0D2029;
align-items:center;
color:#0D2029;
display:inline-flex;
white-space:nowrap;
font-weight:600;
font-size:0.813rem;
}
.okj-sh_link_0h0:hover{
border-color:#007A8C;
color:#007A8C;
}
.okj-sh_link_0h0 svg{
width:0.875rem;
height:14px;
}
.okj-sh_link_chev_0h0{
font-size:0.75rem;
padding-bottom:0;
border-bottom:0;
color:#007A8C;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.okj-sh_link_btn_0h0{
padding:9px 1.125rem;
border-radius:999px;
background:#00C2D6;
border-bottom:0;
color:#001A22;
}
.okj-sh_link_btn_0h0:hover{
border-color:transparent;
background:#00A8BB;
}
.okj-band_0h0 .okj-sh_link_0h0{
border-color:#E8F8FB;
color:#E8F8FB;
}
.okj-band_0h0 .okj-sh_link_chev_0h0{
color:#00D8EE;
}
.okj-sh_rule_0h0{
background:rgba(13, 32, 41, 0.12);
margin:-2px 0 16px;
height:1px;
}
.okj-band_0h0 .okj-sh_rule_0h0{
background:rgba(255, 255, 255, 0.12);
}
.okj-seo_grid3_0h0{
gap:20px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.okj-seo_grid4_0h0{
gap:0.813rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.okj-seo_grid3_0h0>*,.okj-seo_grid4_0h0>*{
min-width:0;
}
.okj-seo_card_0h0{
border:1px solid rgba(13, 32, 41, 0.12);
border-radius:0.75rem;
background:#FFFFFF;
padding:1.5rem;
}
.okj-seo_card_0h0 h3{
color:#0D2029;
font-size:18px;
font-weight:700;
margin-bottom:8px;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.okj-seo_card_0h0 p{
line-height:1.6;
font-size:0.813rem;
color:#2A4A57;
}
.okj-seo_card_sm_0h0{
padding:1.25rem;
}
.okj-seo_card_sm_0h0 h3{
font-size:1rem;
}
.okj-seo_card_sm_0h0 p{
line-height:1.55;
font-size:12.5px;
}
.okj-seo_rtp_row_0h0{
gap:2.25rem;
grid-template-columns:1fr 1fr;
display:grid;
align-items:center;
margin-top:16px;
}
.okj-rtp_0h0{
gap:14px;
min-width:0;
display:flex;
}
.okj-rtp_0h0>div{
flex:1;
border-radius:0.75rem;
background:#F0F9FB;
padding:1rem;
min-width:0;
text-align:center;
}
.okj-rtp_n_0h0{
white-space:nowrap;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
font-size:26px;
color:#007A8C;
}
.okj-rtp_l_0h0{
color:#527080;
font-size:0.688rem;
margin-top:0.25rem;
}
.okj-cmp_0h0{
border-radius:12px;
overflow:hidden;
border:1px solid rgba(13, 32, 41, 0.12);
max-width:47.5rem;
}
.okj-cmp_row_0h0{
grid-template-columns:1.6fr 1fr 1fr;
font-size:0.813rem;
display:grid;
}
.okj-cmp_row_0h0>div{
padding:13px 0.875rem;
min-width:0;
text-align:center;
}
.okj-cmp_row_0h0>div:first-child{
padding-left:1.375rem;
font-weight:600;
text-align:left;
color:#0D2029;
}
.okj-cmp_th_0h0{
background:#F0F9FB;
font-weight:700;
font-size:12.5px;
}
.okj-cmp_row_0h0:not(.okj-cmp_th_0h0){
background:#FFFFFF;
color:#2A4A57;
border-top:1px solid rgba(13, 32, 41, 0.08);
}
.okj-cmp_zebra_0h0{
background:#E8F5F8;
}
.okj-guide_0h0{
background:#FFFFFF;
border-radius:12px;
border:1px solid rgba(13, 32, 41, 0.12);
overflow:hidden;
cursor:pointer;
}
.okj-guide_cover_0h0{
height:8.125rem;
}
.okj-guide_body_0h0{
padding:1.25rem;
}
.okj-guide_body_0h0 h3{
margin:7px 0 0.563rem;
font-weight:700;
font-size:1rem;
color:#0D2029;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.25;
}
.okj-guide_meta_0h0{
color:#527080;
font-size:11.5px;
}
.okj-hub_0h0{
gap:1.75rem;
grid-template-columns:repeat(5,1fr);
display:grid;
padding-top:1.75rem;
border-top:1px solid rgba(13, 32, 41, 0.08);
}
.okj-hub_0h0>*{
min-width:0;
}
.okj-hub_0h0 h4{
font-weight:700;
font-size:0.813rem;
color:#0D2029;
margin-bottom:0.688rem;
}
.okj-hub_col_0h0{
gap:8px;
flex-direction:column;
font-size:0.813rem;
color:#2A4A57;
display:flex;
}
.okj-hub_col_0h0 a{
cursor:pointer;
}
@media(max-width:1027px){
.okj-seo_grid3_0h0{
grid-template-columns:1fr;
}
.okj-seo_grid4_0h0{
grid-template-columns:repeat(2,1fr);
}
.okj-seo_rtp_row_0h0{
grid-template-columns:1fr;
gap:20px;
}
.okj-hub_0h0{
gap:22px;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:561px){
.okj-hub_0h0{
grid-template-columns:1fr;
}
}
.okj-tk_0h0{
background:#0D1C22;
overflow:hidden;
align-items:center;
border-bottom:1px solid rgba(13, 32, 41, 0.08);
display:flex;
}
.okj-tk_tag_0h0{
background:#FFFFFF;
padding:0.688rem 18px;
gap:0.5rem;
flex:none;
letter-spacing:.1em;
display:flex;
font-weight:600;
text-transform:uppercase;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
align-items:center;
color:#E03040;
font-size:0.656rem;
border-right:1px solid rgba(13, 32, 41, 0.08);
}
.okj-tk_rail_0h0{
overflow:hidden;
flex:1;
}
.okj-tk_track_0h0{
padding:0.688rem 14px;
gap:1.75rem;
animation:zm3-marquee 26s linear infinite;
font-size:0.75rem;
display:flex;
width:max-content;
white-space:nowrap;
color:#2A4A57;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.okj-tk_track_0h0 b{
color:#007A8C;
}
.okj-hero_0h0{
border-radius:20px;
padding:46px 48px;
background:linear-gradient(120deg,#0A1820,#0C2230);
border:1px solid rgba(13, 32, 41, 0.12);
overflow:hidden;
position:relative;
color:#E8F8FB;
}
.okj-hero_glow_0h0{
background:radial-gradient(circle,rgba(0, 210, 230, 0.22),transparent 70%);
border-radius:50%;
width:21.25rem;
height:21.25rem;
position:absolute;
top:-60px;
right:-60px;
}
.okj-hero_in_0h0{
max-width:600px;
position:relative;
}
.okj-hero_0h0 .okj-eyebrow_0h0{
color:#00D8EE;
}
.okj-pill_row_0h0{
border-radius:62.438rem;
gap:0.5rem;
background:rgba(255, 255, 255, 0.08);
padding:0.375rem 13px;
border:1px solid rgba(255, 255, 255, 0.12);
margin-bottom:22px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
color:#00D8EE;
font-size:0.656rem;
align-items:center;
display:inline-flex;
letter-spacing:.1em;
}
.okj-hero_h1_0h0{
margin:1.125rem 0;
letter-spacing:-.02em;
line-height:1.02;
overflow-wrap:break-word;
font-size:3.375rem;
color:#E8F8FB;
font-weight:700;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.okj-hero_h1_0h0 em{
color:#00D8EE;
font-style:normal;
}
.okj-hero_sub_0h0{
margin-bottom:28px;
max-width:480px;
color:#7EC8D8;
font-size:17px;
line-height:1.55;
}
.okj-hero_cta_0h0{
gap:14px;
flex-wrap:wrap;
margin-bottom:1.625rem;
display:flex;
align-items:center;
}
.okj-hero_trust_0h0{
gap:14px;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.okj-hero_rating_txt_0h0{
font-size:13px;
color:#7EC8D8;
}
@media(max-width:1025px){
.okj-hero_0h0{
padding:32px 1.5rem;
}
.okj-hero_h1_0h0{
font-size:38px;
}
}
@media(max-width:562px){
.okj-hero_h1_0h0{
font-size:1.875rem;
}
}
.okj-stat_0h0{
gap:14px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.okj-stat_0h0>*{
min-width:0;
}
.okj-stat_item_0h0{
border:1px solid rgba(13, 32, 41, 0.12);
background:#FFFFFF;
padding:18px 20px;
border-radius:12px;
}
.okj-stat_k_0h0{
font-size:9.5px;
text-transform:uppercase;
letter-spacing:.12em;
margin-bottom:7px;
color:#527080;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.okj-stat_v_0h0{
gap:0.5rem;
font-weight:700;
font-size:24px;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
overflow-wrap:anywhere;
color:#0D2029;
min-width:0;
align-items:center;
display:flex;
}
.okj-stat_v_accent_0h0{
color:#007A8C;
}
@media(max-width:1027px){
.okj-stat_0h0{
grid-template-columns:repeat(2,1fr);
}
}
.okj-wlc_0h0{
background:linear-gradient(120deg,#0A1820,#0C2230);
border-radius:20px;
gap:1.5rem;
grid-template-columns:1.2fr .8fr;
border:1px solid rgba(13, 32, 41, 0.12);
padding:2.25rem 2.5rem;
overflow:hidden;
align-items:center;
display:grid;
position:relative;
color:#E8F8FB;
}
.okj-wlc_0h0>*{
min-width:0;
}
.okj-wlc_0h0 .okj-eyebrow_0h0{
color:#00D8EE;
}
.okj-wlc_glow_0h0{
border-radius:50%;
background:radial-gradient(circle,rgba(0, 210, 230, 0.22),transparent 70%);
width:260px;
top:-2.5rem;
position:absolute;
height:260px;
right:-40px;
}
.okj-wlc_in_0h0{
position:relative;
}
.okj-wlc_h2_0h0{
margin:0.625rem 0 8px;
line-height:1.03;
font-weight:700;
font-size:34px;
overflow-wrap:break-word;
color:#E8F8FB;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.okj-wlc_h2_0h0 em{
font-style:normal;
color:#00D8EE;
}
.okj-wlc_sub_0h0{
color:#7EC8D8;
max-width:420px;
font-size:0.875rem;
margin-bottom:18px;
line-height:1.55;
}
.okj-wlc_terms_0h0{
gap:0.625rem;
position:relative;
display:flex;
flex-direction:column;
}
.okj-term_0h0{
border-radius:0.75rem;
border:1px solid rgba(255, 255, 255, 0.12);
background:rgba(255, 255, 255, 0.08);
padding:13px 15px;
gap:0.688rem;
display:flex;
align-items:center;
}
.okj-term_0h0 svg{
flex:none;
color:#00D8EE;
height:20px;
width:1.25rem;
}
.okj-term_k_0h0{
font-size:0.594rem;
letter-spacing:.1em;
text-transform:uppercase;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#7EC8D8;
}
.okj-term_v_0h0{
color:#E8F8FB;
font-weight:700;
font-size:0.875rem;
margin-top:2px;
}
@media(max-width:1023px){
.okj-wlc_0h0{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.okj-wlc_h2_0h0{
font-size:1.625rem;
}
}
.okj-jp_0h0{
gap:14px;
grid-template-columns:1.5fr 1fr 1fr;
display:grid;
}
.okj-jp_0h0>*{
min-width:0;
}
.okj-jp_hero_0h0{
overflow:hidden;
background:linear-gradient(135deg,#0A1820,#0C2230);
padding:1.625rem;
border-radius:20px;
gap:0.875rem;
border:1px solid rgba(13, 32, 41, 0.12);
display:flex;
justify-content:space-between;
position:relative;
flex-direction:column;
min-height:11.25rem;
color:#E8F8FB;
}
.okj-jp_glow_0h0{
border-radius:50%;
background:radial-gradient(circle,rgba(0, 210, 230, 0.22),transparent 70%);
width:180px;
height:11.25rem;
top:-40px;
right:-2.5rem;
position:absolute;
}
.okj-jp_k_row_0h0{
gap:10px;
position:relative;
align-items:center;
justify-content:space-between;
display:flex;
}
.okj-jp_k_0h0{
color:#527080;
text-transform:uppercase;
font-size:10px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
letter-spacing:.12em;
}
.okj-jp_hero_0h0 .okj-jp_k_0h0{
color:#7EC8D8;
}
.okj-jp_amt_0h0{
font-size:2.625rem;
line-height:1;
font-weight:700;
position:relative;
color:#00D8EE;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.okj-jp_sub_0h0{
color:#7EC8D8;
margin-top:5px;
font-size:12px;
}
.okj-jp_cell_0h0{
padding:1.375rem;
background:#FFFFFF;
border-radius:20px;
border:1px solid rgba(13, 32, 41, 0.12);
display:flex;
justify-content:space-between;
flex-direction:column;
min-height:11.25rem;
}
.okj-jp_cell_0h0 .okj-jp_amt_0h0{
font-size:30px;
color:#0D2029;
}
.okj-jp_cell_0h0 .okj-jp_sub_0h0{
color:#527080;
}
@media(max-width:1024px){
.okj-jp_0h0{
grid-template-columns:1fr;
}
}
@media(max-width:558px){
.okj-jp_amt_0h0{
font-size:2rem;
}
}
.okj-pay_logos_0h0{
gap:9px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.okj-pay_logos_0h0>*{
min-width:0;
}
.okj-pay_0h0{
border:1px solid rgba(13, 32, 41, 0.12);
border-radius:8px;
height:3rem;
display:flex;
font-weight:700;
color:#2A4A57;
font-size:0.75rem;
align-items:center;
justify-content:center;
}
.okj-table_0h0{
border-radius:0.75rem;
border:1px solid rgba(13, 32, 41, 0.12);
overflow:hidden;
}
.okj-trow_0h0{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:13px;
}
.okj-trow_0h0>div{
padding:13px 0.875rem;
min-width:0;
}
.okj-trow_0h0>div:first-child{
font-weight:700;
color:#0D2029;
padding-left:16px;
}
.okj-trow_th_0h0{
background:#F0F9FB;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#527080;
font-size:0.594rem;
letter-spacing:.06em;
text-transform:uppercase;
}
.okj-trow_0h0:not(.okj-trow_th_0h0){
background:#FFFFFF;
color:#2A4A57;
border-top:1px solid rgba(13, 32, 41, 0.08);
}
.okj-trow_zebra_0h0{
background:#E8F5F8;
}
.okj-pos_0h0{
color:#007A8C;
font-weight:700;
}
@media(max-width:1021px){
.okj-pay_logos_0h0{
grid-template-columns:repeat(2,1fr);
}
}
.okj-banner_0h0{
border-radius:1.25rem;
background:linear-gradient(115deg,#0A1820,#0C2230);
overflow:hidden;
gap:28px;
padding:2.25rem 2.5rem;
border:1px solid rgba(13, 32, 41, 0.12);
display:flex;
position:relative;
justify-content:space-between;
flex-wrap:wrap;
color:#E8F8FB;
align-items:center;
}
.okj-banner_glow_0h0{
background:radial-gradient(circle,rgba(0, 210, 230, 0.22),transparent 68%);
border-radius:50%;
right:5rem;
top:50%;
transform:translateY(-50%);
height:12.5rem;
position:absolute;
width:200px;
}
.okj-banner_in_0h0{
position:relative;
max-width:35rem;
}
.okj-banner_0h0 .okj-eyebrow_0h0{
color:#00D8EE;
}
.okj-banner_h2_0h0{
margin:0.625rem 0;
font-weight:700;
color:#E8F8FB;
line-height:1.05;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:30px;
}
.okj-banner_text_0h0{
color:#7EC8D8;
line-height:1.6;
font-size:14px;
}
@media(max-width:560px){
.okj-banner_h2_0h0{
font-size:1.5rem;
}
}
.okj-vip_head_0h0{
gap:0.75rem;
align-items:flex-end;
justify-content:space-between;
margin-bottom:1.125rem;
display:flex;
flex-wrap:wrap;
}
.okj-vip_intro_0h0{
font-size:0.813rem;
color:#2A4A57;
max-width:420px;
}
.okj-vip_0h0{
gap:0.75rem;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.okj-vip_0h0>*{
min-width:0;
}
.okj-tier_0h0{
background:#FFFFFF;
border-radius:12px;
padding:20px;
border:1px solid rgba(13, 32, 41, 0.12);
}
.okj-tier_on_0h0{
border-color:#007A8C;
background:rgba(0, 122, 140, 0.11);
}
.okj-tier_medal_0h0{
background:linear-gradient(135deg,#00C2D6,#005A6A);
border-radius:8px;
width:30px;
height:30px;
margin-bottom:14px;
}
.okj-tier_name_0h0{
font-size:15px;
color:#0D2029;
margin-bottom:5px;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
}
.okj-tier_tx_0h0{
font-size:0.719rem;
line-height:1.5;
color:#527080;
}
@media(max-width:1021px){
.okj-vip_0h0{
grid-template-columns:repeat(2,1fr);
}
}
.okj-dw_h2_0h0{
font-size:26px;
font-weight:700;
line-height:1.08;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:10px;
color:#0D2029;
}
.okj-steps_v_0h0{
gap:10px;
grid-template-columns:1fr;
}
.okj-steps_v_0h0 .okj-step_0h0{
padding:1.125rem 1.25rem;
}
@media(max-width:563px){
.okj-dw_h2_0h0{
font-size:23px;
}
}
.okj-news_0h0{
background:linear-gradient(135deg,#0A1820,#0C2230);
border-radius:20px;
border:1px solid rgba(13, 32, 41, 0.12);
padding:26px 32px;
gap:1.5rem;
flex-wrap:wrap;
display:flex;
align-items:center;
justify-content:space-between;
color:#E8F8FB;
}
.okj-news_h3_0h0{
color:#E8F8FB;
font-size:1.25rem;
font-weight:700;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:0.25rem;
}
.okj-news_text_0h0{
color:#7EC8D8;
font-size:0.813rem;
}
.okj-news_form_0h0{
flex:1;
gap:10px;
display:flex;
max-width:27.5rem;
min-width:0;
}
.okj-news_form_0h0 .okj-input_0h0{
min-width:0;
}
@media(max-width:558px){
.okj-news_form_0h0{
width:100%;
}
}
.okj-input_0h0{
border-radius:8px;
border:1px solid rgba(255, 255, 255, 0.12);
background:rgba(255, 255, 255, 0.08);
padding:0.813rem 1rem;
flex:1;
font-size:13.5px;
color:#7EC8D8;
}
.okj-gm_0h0{
grid-template-columns:1.3fr 1fr;
gap:1rem;
display:grid;
}
.okj-gm_0h0>*{
min-width:0;
}
.okj-gm_panel_0h0{
border-radius:1.25rem;
padding:1.75rem;
border:1px solid rgba(13, 32, 41, 0.12);
background:#FFFFFF;
}
.okj-gm_h2_0h0{
margin:10px 0 0.5rem;
font-weight:700;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:24px;
color:#0D2029;
}
.okj-gm_text_0h0{
color:#2A4A57;
max-width:440px;
font-size:0.844rem;
margin-bottom:20px;
line-height:1.6;
}
.okj-gm_level_0h0{
gap:14px;
margin-bottom:16px;
display:flex;
align-items:center;
}
.okj-gm_lv_0h0{
font-weight:700;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#007A8C;
font-size:1.5rem;
}
.okj-gm_bar_wrap_0h0{
flex:1;
min-width:0;
}
.okj-gm_bar_meta_0h0{
display:flex;
color:#527080;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
justify-content:space-between;
margin-bottom:5px;
font-size:10px;
}
.okj-bar_0h0{
border-radius:999px;
background:#F0F9FB;
overflow:hidden;
height:8px;
}
.okj-bar_fill_0h0{
border-radius:62.438rem;
background:linear-gradient(90deg,#00C2D6,#005A6A);
display:block;
height:100%;
}
.okj-gm_missions_0h0{
gap:9px;
display:flex;
flex-wrap:wrap;
}
.okj-gm_refer_0h0{
padding:28px;
border:1px solid rgba(13, 32, 41, 0.12);
background:linear-gradient(150deg,#0A1820,#0C2230);
border-radius:20px;
overflow:hidden;
display:flex;
position:relative;
color:#E8F8FB;
flex-direction:column;
justify-content:space-between;
}
.okj-gm_refer_0h0 .okj-eyebrow_0h0{
color:#00D8EE;
}
.okj-gm_ref_h2_0h0{
margin:0.625rem 0 0.5rem;
font-weight:700;
line-height:1.1;
font-size:1.5rem;
color:#E8F8FB;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.okj-gm_ref_h2_0h0 em{
color:#00D8EE;
font-style:normal;
}
.okj-gm_ref_text_0h0{
margin-bottom:1.125rem;
color:#7EC8D8;
line-height:1.55;
font-size:13px;
}
@media(max-width:1021px){
.okj-gm_0h0{
grid-template-columns:1fr;
}
}
.okj-promo_grid_0h0{
gap:16px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.okj-promo_grid_0h0>*{
min-width:0;
}
.okj-promo_0h0{
border-radius:1.25rem;
background:#FFFFFF;
overflow:hidden;
border:1px solid rgba(13, 32, 41, 0.12);
padding:1.5rem;
position:relative;
min-height:150px;
}
.okj-promo_h_0h0{
line-height:1.05;
margin-top:0.375rem;
font-weight:700;
font-size:26px;
color:#0D2029;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.okj-promo_h_0h0 em{
font-style:normal;
color:#007A8C;
}
.okj-promo_p_0h0{
line-height:1.5;
margin-top:8px;
font-size:0.781rem;
color:#2A4A57;
}
.okj-promo_feat_0h0{
background:linear-gradient(135deg,#0A1820,#0C2230);
border-color:rgba(13, 32, 41, 0.12);
}
.okj-promo_feat_0h0 .okj-promo_h_0h0{
color:#E8F8FB;
}
.okj-promo_feat_0h0 .okj-promo_h_0h0 em{
color:#00D8EE;
}
.okj-promo_feat_0h0 .okj-promo_p_0h0{
color:#7EC8D8;
}
.okj-promo_feat_0h0 .okj-eyebrow_0h0{
color:#00D8EE;
}
@media(max-width:1027px){
.okj-promo_grid_0h0{
grid-template-columns:1fr;
}
}
.okj-steps_0h0{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.okj-steps_0h0>*{
min-width:0;
}
.okj-step_0h0{
padding:24px;
border:1px solid rgba(13, 32, 41, 0.12);
border-radius:0.75rem;
background:#FFFFFF;
position:relative;
}
.okj-step_num_0h0{
background:#00C2D6;
border-radius:8px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
display:flex;
justify-content:center;
height:1.875rem;
width:30px;
font-size:13px;
margin-bottom:14px;
font-weight:700;
color:#001A22;
align-items:center;
}
.okj-step_h_0h0{
font-size:1rem;
margin-bottom:0.438rem;
font-weight:700;
color:#0D2029;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.okj-step_p_0h0{
line-height:1.55;
color:#2A4A57;
font-size:13px;
}
@media(max-width:1024px){
.okj-steps_0h0{
grid-template-columns:1fr;
}
}
.okj-supp_0h0{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.okj-supp_0h0>*{
min-width:0;
}
.okj-supp_card_0h0{
padding:24px;
border-radius:0.75rem;
border:1px solid rgba(13, 32, 41, 0.12);
background:#FFFFFF;
}
.okj-supp_card_0h0 svg{
width:24px;
margin-bottom:0.875rem;
color:#007A8C;
height:24px;
}
.okj-supp_card_0h0 h3{
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
margin-bottom:0.375rem;
font-size:1rem;
color:#0D2029;
}
.okj-supp_card_0h0 p{
font-size:13px;
line-height:1.55;
color:#2A4A57;
}
@media(max-width:1022px){
.okj-supp_0h0{
grid-template-columns:1fr;
}
}
.okj-op_h2_0h0{
margin:10px 0 0.5rem;
line-height:1.1;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
color:#0D2029;
font-size:1.5rem;
}
.okj-op_text_0h0{
color:#2A4A57;
line-height:1.6;
font-size:13.5px;
}
@media(max-width:560px){
.okj-op_h2_0h0{
font-size:22px;
}
}
.okj-provs_0h0{
gap:0.75rem;
grid-template-columns:repeat(6,1fr);
margin-bottom:28px;
display:grid;
}
.okj-provs_0h0>*{
min-width:0;
}
.okj-prov_0h0{
padding:0.75rem;
border:1px solid rgba(13, 32, 41, 0.12);
border-radius:0.75rem;
background:#FFFFFF;
height:64px;
align-items:center;
justify-content:center;
display:flex;
text-decoration:none;
}
.okj-prov_img_0h0{
max-width:100%;
max-height:2rem;
object-fit:contain;
}
.okj-resp_0h0{
border-radius:0.75rem;
border:1px solid rgba(13, 32, 41, 0.12);
padding:1.625rem;
background:#FFFFFF;
gap:1.5rem;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
align-items:center;
}
.okj-resp_in_0h0{
max-width:560px;
}
.okj-resp_h_0h0{
font-size:1.188rem;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
margin-bottom:8px;
color:#0D2029;
}
.okj-resp_p_0h0{
color:#2A4A57;
font-size:13.5px;
line-height:1.6;
}
.okj-resp_badges_0h0{
gap:14px;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.okj-age18_0h0{
border:1.5px solid #E03040;
padding:4px 0.5rem;
border-radius:0.5rem;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:13px;
font-weight:700;
color:#E03040;
}
.okj-resp_org_0h0{
color:#527080;
font-weight:600;
font-size:0.813rem;
}
@media(max-width:1027px){
.okj-provs_0h0{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:561px){
.okj-provs_0h0{
grid-template-columns:repeat(2,1fr);
}
}
.okj-ab_h2_0h0{
margin:14px 0 1rem;
line-height:1.08;
color:#0D2029;
font-size:32px;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
}
.okj-ab_body_0h0{
font-size:0.938rem;
color:#2A4A57;
margin-bottom:0.875rem;
line-height:1.65;
}
.okj-ab_chips_0h0{
gap:10px;
margin-top:8px;
display:flex;
flex-wrap:wrap;
}
.okj-faq_0h0{
gap:10px;
flex-direction:column;
display:flex;
}
.okj-faq_item_0h0{
background:#FFFFFF;
border:1px solid rgba(13, 32, 41, 0.12);
padding:1.125rem 1.375rem;
border-radius:0.75rem;
}
.okj-faq_q_0h0{
gap:16px;
list-style:none;
display:flex;
font-weight:600;
color:#0D2029;
align-items:center;
cursor:pointer;
justify-content:space-between;
font-size:0.969rem;
}
.okj-faq_q_0h0::-webkit-details-marker{
display:none;
}
.okj-faq_q_t_0h0{
gap:0.625rem;
display:flex;
}
.okj-faq_q_i_0h0{
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#007A8C;
font-style:normal;
}
.okj-faq_pm_0h0{
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:1.25rem;
color:#007A8C;
}
.okj-faq_item_0h0[open] .okj-faq_pm_0h0{
transform:rotate(45deg);
}
.okj-faq_a_0h0{
color:#2A4A57;
font-size:0.844rem;
line-height:1.6;
margin-top:12px;
}
@media(max-width:557px){
.okj-ab_h2_0h0{
font-size:26px;
}
}
.okj-dispute_0h0{
border-radius:0.75rem;
border:1px dashed rgba(13, 32, 41, 0.22);
gap:28px;
padding:1.625rem 30px;
align-items:center;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
}
.okj-dispute_in_0h0{
max-width:41.25rem;
}
.okj-dispute_h2_0h0{
font-weight:700;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#0D2029;
font-size:1.375rem;
margin-bottom:8px;
}
.okj-dispute_text_0h0{
font-size:0.844rem;
line-height:1.6;
color:#2A4A57;
}
.okj-gd_head_0h0{
gap:0.75rem;
flex-wrap:wrap;
margin-bottom:16px;
align-items:center;
justify-content:space-between;
display:flex;
}
.okj-rv_head_0h0{
gap:0.75rem;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
align-items:flex-end;
margin-bottom:18px;
}
.okj-rv_agg_0h0{
gap:0.625rem;
display:flex;
align-items:center;
}
.okj-rv_source_0h0{
font-size:12.5px;
color:#527080;
}
.okj-rv_grid_0h0{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.okj-rv_grid_0h0>*{
min-width:0;
}
.okj-review_0h0{
border:1px solid rgba(13, 32, 41, 0.12);
border-radius:0.75rem;
padding:24px;
background:#FFFFFF;
}
.okj-review_0h0 .okj-stars_0h0{
margin-bottom:0.625rem;
}
.okj-review_0h0 p{
font-weight:600;
margin-bottom:14px;
line-height:1.5;
color:#0D2029;
font-size:0.906rem;
}
.okj-review_by_0h0{
color:#527080;
font-size:12.5px;
}
@media(max-width:1021px){
.okj-rv_grid_0h0{
grid-template-columns:1fr;
}
}
.okj-et_h2_0h0{
margin:10px 0 14px;
font-size:28px;
font-weight:700;
color:#0D2029;
line-height:1.08;
font-family:"Rubik", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.okj-et_right_0h0{
gap:0.625rem;
flex-direction:column;
display:flex;
}
.okj-et_updated_0h0{
border:1px solid rgba(13, 32, 41, 0.12);
border-radius:12px;
padding:14px 1.125rem;
gap:0.625rem;
background:#F0F9FB;
align-items:center;
display:flex;
font-size:0.75rem;
color:#2A4A57;
}
.okj-et_updated_0h0 svg{
flex:none;
width:0.938rem;
height:0.938rem;
color:#007A8C;
}
.okj-et_updated_0h0 b{
color:#0D2029;
}
@media(max-width:561px){
.okj-et_h2_0h0{
font-size:24px;
}
}
.okj-footer_0h0{
background:#0D1C22;
padding:2.5rem 28px;
border-top:1px solid rgba(13, 32, 41, 0.08);
}
.okj-footer_grid_0h0{
gap:2rem;
grid-template-columns:1.4fr 1fr 1fr 1fr;
display:grid;
max-width:1380px;
margin-bottom:28px;
margin-right:auto;
margin-left:auto;
}
.okj-footer_grid_0h0>*{
min-width:0;
}
.okj-footer_grid_0h0 h4{
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#8AAAB8;
margin-bottom:13px;
letter-spacing:.12em;
font-size:10px;
text-transform:uppercase;
}
.okj-fcol_0h0{
gap:9px;
display:flex;
font-size:13px;
color:#2A4A57;
flex-direction:column;
}
.okj-fcol_0h0 a{
cursor:pointer;
}
.okj-ft_about_0h0{
color:#527080;
font-size:0.813rem;
max-width:260px;
line-height:1.6;
margin-top:12px;
}
.okj-ft_contact_0h0{
margin-top:12px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:12.5px;
overflow-wrap:anywhere;
color:#007A8C;
}
.okj-footer_bottom_0h0{
margin:0 auto;
gap:16px;
padding-top:1.25rem;
justify-content:space-between;
max-width:1380px;
border-top:1px solid rgba(13, 32, 41, 0.08);
align-items:center;
flex-wrap:wrap;
display:flex;
}
.okj-footer_bottom_0h0 p{
color:#8AAAB8;
line-height:1.6;
font-size:0.688rem;
max-width:45rem;
}
@media(max-width:1021px){
.okj-footer_grid_0h0{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:561px){
.okj-footer_grid_0h0{
grid-template-columns:1fr;
}
}