*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#0E0B18;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
color:#C4BBDF;
overflow-wrap:break-word;
font-size:15px;
line-height:1.55;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}
img{
max-width:100%;
display:block;
}
a{
color:inherit;
text-decoration:none;
}
button{
background:none;
border:none;
cursor:pointer;
font-family:inherit;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
width:8px;
height:8px;
}
::-webkit-scrollbar-thumb{
background:rgba(8, 6, 17, 0.72);
border-radius:0.5rem;
}
::-webkit-scrollbar-track{
background:transparent;
}
.dio_shell-cwr{
grid-template-columns:248px 1fr;
min-height:100vh;
display:grid;
}
.dio_main-cwr{
min-width:0;
}
.dio_wrap-cwr{
margin:0 auto;
width:100%;
max-width:1400px;
}
.dio_container-cwr{
margin:0 auto;
padding:0 1rem;
max-width:87.5rem;
width:100%;
}
@media(min-width:769px){
.dio_container-cwr{
padding:0 28px;
}
}
.dio_section-cwr{
padding:24px 1.75rem;
}
.dio_section_pt-cwr{
padding-top:34px;
}
.dio_band_soft-cwr{
background:#15112A;
}
.dio_eyebrow-cwr{
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
text-transform:uppercase;
font-weight:600;
letter-spacing:.14em;
line-height:1.4;
overflow-wrap:break-word;
font-size:0.656rem;
display:inline-block;
color:#A855F7;
}
.dio_drawer_cb-cwr{
display:none;
}
.dio_overlay-cwr{
display:none;
}
@media(max-width:1023px){
.dio_shell-cwr{
grid-template-columns:1fr;
}
.dio_main-cwr{
padding-bottom:4.875rem;
}
.dio_drawer_cb-cwr:checked~.dio_overlay-cwr{
background:rgba(8, 6, 17, 0.72);
inset:0;
position:fixed;
z-index:70;
display:block;
}
}
@media(max-width:558px){
.dio_section-cwr{
padding:18px 1rem;
}
.dio_section_pt-cwr{
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 ---------- */
.dio_side-cwr{
padding:22px 18px;
gap:22px;
background:#110E20;
display:flex;
height:100vh;
overflow-y:auto;
flex-direction:column;
align-self:start;
border-right:1px solid #221C38;
top:0;
position:sticky;
}
.dio_brand-cwr{
gap:0.625rem;
align-items:center;
display:flex;
}
.dio_logo-cwr{
letter-spacing:-.02em;
color:#F0ECFF;
font-size:1.313rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
}
.dio_side_cta-cwr{
padding:1rem;
background:rgba(168, 85, 247, 0.12);
border:1px solid #2E2648;
border-radius:12px;
}
.dio_side_cta_h-cwr{
color:#F0ECFF;
font-weight:700;
font-size:17px;
line-height:1.15;
margin-bottom:6px;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.dio_side_cta_p-cwr{
line-height:1.45;
color:#C4BBDF;
font-size:0.75rem;
margin-bottom:12px;
}
.dio_nav-cwr{
gap:3px;
display:flex;
flex-direction:column;
}
.dio_nav_label-cwr{
padding:6px 0.625rem;
letter-spacing:.14em;
color:#564F6E;
text-transform:uppercase;
font-size:9.5px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.dio_nav_item-cwr{
padding:10px;
border-radius:8px;
gap:11px;
color:#C4BBDF;
display:flex;
align-items:center;
font-size:14px;
font-weight:500;
}
.dio_nav_item-cwr svg{
height:1.063rem;
width:1.063rem;
}
.dio_nav_item-cwr:hover{
background:rgba(168, 85, 247, 0.12);
color:#F0ECFF;
}
.dio_nav_item_on-cwr{
background:rgba(168, 85, 247, 0.12);
font-weight:600;
color:#A855F7;
}
.dio_side_foot-cwr{
padding:12px;
border:1px solid #2E2648;
border-radius:12px;
background:#15112A;
margin-top:auto;
}
.dio_side_foot-cwr p{
color:#C4BBDF;
font-size:0.781rem;
line-height:1.4;
margin-top:4px;
}
/* ---------- topbar ---------- */
.dio_top-cwr{
background:#110E20;
gap:16px;
padding:0.875rem 28px;
display:flex;
border-bottom:1px solid #221C38;
top:0;
align-items:center;
z-index:40;
position:sticky;
}
.dio_top_brand-cwr{
gap:0.563rem;
display:none;
align-items:center;
}
.dio_search-cwr{
background:#15112A;
border-radius:12px;
gap:0.625rem;
padding:0.688rem 0.875rem;
flex:1;
border:1px solid #2E2648;
font-size:0.844rem;
align-items:center;
color:#8B80A8;
max-width:27.5rem;
display:flex;
}
.dio_search-cwr svg{
flex:none;
width:1rem;
height:1rem;
}
.dio_top_actions-cwr{
gap:12px;
display:flex;
margin-left:auto;
align-items:center;
}
.dio_lang-cwr{
color:#C4BBDF;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.75rem;
}
.dio_burger-cwr{
border:1px solid #2E2648;
border-radius:8px;
background:#15112A;
width:40px;
display:none;
height:40px;
align-items:center;
color:#F0ECFF;
justify-content:center;
}
/* ---------- bottom-nav (mobile) ---------- */
.dio_botnav-cwr{
display:none;
}
@media(max-width:1026px){
.dio_side-cwr{
transition:transform .25s ease;
position:fixed;
top:0;
transform:translateX(-100%);
height:100vh;
z-index:80;
width:17.5rem;
left:0;
}
.dio_drawer_cb-cwr:checked~.dio_shell-cwr .dio_side-cwr{
transform:translateX(0);
}
.dio_top-cwr{
gap:12px;
padding:0.875rem 1rem;
flex-wrap:wrap;
position:static;
}
.dio_top_brand-cwr{
display:flex;
}
.dio_search-cwr{
display:none;
}
.dio_burger-cwr{
display:flex;
}
.dio_top_actions-cwr{
gap:10px;
width:100%;
align-items:stretch;
margin-left:0;
}
.dio_top_actions-cwr .dio_lang-cwr{
display:none;
}
.dio_top_actions-cwr .dio_btn-cwr{
flex:1;
padding:0.688rem 0.625rem;
text-align:center;
}
.dio_botnav-cwr{
padding:0.5rem 0.375rem calc(8px + env(safe-area-inset-bottom));
grid-template-columns:repeat(3,1fr);
background:#110E20;
left:0;
display:grid;
bottom:0;
position:fixed;
z-index:65;
transform:translateZ(0);
right:0;
border-top:1px solid #2E2648;
}
.dio_bn-cwr{
gap:4px;
padding:6px 2px 0;
align-items:center;
color:#C4BBDF;
min-width:0;
font-size:0.625rem;
font-weight:600;
display:flex;
flex-direction:column;
justify-content:flex-end;
}
.dio_bn-cwr svg{
flex:none;
width:22px;
height:1.375rem;
}
.dio_bn-cwr span{
overflow:hidden;
white-space:nowrap;
text-align:center;
text-overflow:ellipsis;
max-width:100%;
}
.dio_bn_on-cwr{
color:#A855F7;
}
.dio_bn_center-cwr{
position:relative;
}
.dio_bn_fab-cwr{
background:#C026D3;
border-radius:50%;
left:50%;
box-shadow:0 0.5rem 40px rgba(8, 6, 17, 0.70), 0 2px 0.5rem rgba(168, 85, 247, 0.20);
position:absolute;
align-items:center;
width:50px;
top:-1.25rem;
color:#FFFFFF;
justify-content:center;
display:flex;
transform:translateX(-50%);
height:3.125rem;
}
.dio_bn_fab-cwr svg{
width:24px;
height:1.5rem;
}
.dio_bn_center-cwr span{
color:#A855F7;
}
}
.dio_btn-cwr{
transition:background-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease,color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
gap:8px;
border-radius:0.5rem;
padding:0.688rem 22px;
justify-content:center;
font-size:14px;
align-items:center;
cursor:pointer;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
display:inline-flex;
font-weight:700;
}
.dio_btn_pri-cwr{
background:#C026D3;
color:#FFFFFF;
box-shadow:0 0 20px rgba(192, 38, 211, 0.55), 0 0.25rem 0.75rem rgba(192, 38, 211, 0.35);
}
.dio_btn_pri-cwr:hover{
background:#A21CAF;
}
.dio_btn_ghost-cwr{
background:rgba(168, 85, 247, 0.12);
font-weight:600;
color:#F0ECFF;
}
.dio_btn_line-cwr{
background:transparent;
border:1px solid #3D3360;
font-weight:600;
color:#F0ECFF;
}
.dio_btn_lg-cwr{
border-radius:12px;
padding:16px 30px;
font-size:15px;
}
.dio_band-cwr .dio_btn_line-cwr{
border-color:rgba(255, 255, 255, 0.12);
color:#F0ECFF;
}
.dio_band-cwr .dio_btn_ghost-cwr{
background:rgba(255, 255, 255, 0.07);
color:#F0ECFF;
}
.dio_link_m-cwr{
gap:0.313rem;
display:inline-flex;
cursor:pointer;
align-items:center;
color:#A855F7;
font-size:12px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
text-decoration:none;
}
.dio_link_m-cwr svg{
width:0.875rem;
height:14px;
}
.dio_band-cwr .dio_link_m-cwr{
color:#C084FC;
}
.dio_dot-cwr{
border-radius:50%;
flex:none;
background:#A855F7;
width:0.438rem;
height:0.438rem;
}
.dio_dot_live-cwr{
background:#EF4444;
animation:zm3-pulse 1.4s infinite;
}
.dio_stars-cwr{
gap:2px;
display:inline-flex;
color:#A855F7;
}
.dio_stars-cwr svg{
height:15px;
width:15px;
}
.dio_chip-cwr{
background:#15112A;
border:1px solid #2E2648;
padding:7px 12px;
border-radius:8px;
gap:0.375rem;
display:inline-flex;
font-size:0.688rem;
color:#C4BBDF;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
align-items:center;
}
.dio_chip_on-cwr{
background:rgba(168, 85, 247, 0.12);
border-color:transparent;
color:#A855F7;
}
.dio_gc-cwr{
cursor:pointer;
text-decoration:none;
min-width:0;
display:block;
color:inherit;
}
.dio_gc_thumb-cwr{
border:1px solid #2E2648;
overflow:hidden;
border-radius:12px;
position:relative;
display:block;
background-size:cover;
background-position:center;
aspect-ratio:1;
}
.dio_gc_thumb_portrait-cwr{
aspect-ratio:3/4;
}
.dio_gc_thumb_wide-cwr{
aspect-ratio:16/11;
}
.dio_gc_cap-cwr{
padding:0.563rem;
background:linear-gradient(transparent,rgba(8, 6, 17, 0.72));
left:0;
bottom:0;
right:0;
position:absolute;
}
.dio_gc_name-cwr{
display:block;
font-size:12.5px;
font-weight:700;
color:#F0ECFF;
}
.dio_gc_meta-cwr{
font-size:11px;
color:#9E96C0;
}
.dio_gc_badge-cwr{
border-radius:8px;
background:#A855F7;
padding:2px 0.375rem;
position:absolute;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.5rem;
font-weight:700;
top:8px;
right:0.5rem;
color:#0E0B18;
}
.dio_gc_badge_hot-cwr{
background:#EF4444;
color:#F0ECFF;
}
.dio_gc_badge_live-cwr{
background:#EF4444;
right:auto;
color:#F0ECFF;
left:0.5rem;
}
.dio_gc_mult-cwr{
inset:0;
align-items:center;
color:#A855F7;
display:flex;
font-size:28px;
font-weight:700;
justify-content:center;
position:absolute;
}
.dio_pc-cwr{
border-radius:0.75rem;
background:#15112A;
border:1px solid #2E2648;
height:4rem;
color:#C4BBDF;
align-items:center;
display:flex;
font-size:14px;
justify-content:center;
font-weight:700;
}
.dio_rail-cwr{
min-width:0;
}
.dio_rail_scroll-cwr{
gap:14px;
display:grid;
}
.dio_rail_scroll-cwr>*{
min-width:0;
}
.dio_g6-cwr{
grid-template-columns:repeat(6,1fr);
}
.dio_g7-cwr{
grid-template-columns:repeat(7,1fr);
}
.dio_g4-cwr{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1027px){
.dio_g6-cwr,.dio_g7-cwr{
grid-template-columns:none;
grid-auto-flow:column;
padding-bottom:0.375rem;
overflow-x:auto;
grid-auto-columns:7.5rem;
scroll-snap-type:x mandatory;
}
.dio_g6-cwr>*,.dio_g7-cwr>*{
scroll-snap-align:start;
}
.dio_g4-cwr{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:557px){
.dio_g4-cwr{
grid-template-columns:none;
grid-auto-columns:9.375rem;
overflow-x:auto;
grid-auto-flow:column;
}
}
.dio_panel-cwr{
border:1px solid #2E2648;
padding:28px 32px;
background:#15112A;
border-radius:20px;
}
.dio_split-cwr{
gap:36px;
display:grid;
align-items:start;
}
.dio_split-cwr>*{
min-width:0;
}
.dio_split_a-cwr{
grid-template-columns:.85fr 1.15fr;
}
.dio_split_b-cwr{
grid-template-columns:1fr 1.1fr;
}
.dio_split_c-cwr{
grid-template-columns:1.1fr .9fr;
}
.dio_pgrid-cwr{
grid-template-columns:.9fr 1.1fr;
gap:2.5rem;
align-items:center;
display:grid;
}
.dio_pgrid-cwr>*{
min-width:0;
}
.dio_lead-cwr{
color:#C4BBDF;
line-height:1.65;
font-size:15px;
margin-bottom:14px;
}
.dio_feat-cwr{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.dio_feat-cwr>*{
min-width:0;
}
.dio_feat2-cwr{
grid-template-columns:1fr 1fr;
}
.dio_feat_card-cwr{
border-radius:1.25rem;
background:#15112A;
padding:1.625rem;
border:1px solid #2E2648;
}
.dio_feat_card-cwr svg{
width:26px;
color:#A855F7;
height:1.625rem;
margin-bottom:1rem;
}
.dio_feat_card-cwr h3{
margin-bottom:0.5rem;
font-weight:700;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:18px;
color:#F0ECFF;
}
.dio_feat_card-cwr p{
line-height:1.6;
font-size:0.813rem;
color:#C4BBDF;
}
.dio_feat_card-cwr b{
color:#F0ECFF;
}
.dio_big-cwr{
gap:1.375rem;
display:flex;
flex-wrap:wrap;
}
.dio_big_n-cwr{
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#A855F7;
font-size:26px;
font-weight:700;
}
.dio_big_l-cwr{
font-size:0.75rem;
color:#8B80A8;
}
.dio_person-cwr{
padding:16px 1.125rem;
gap:0.875rem;
border:1px solid #2E2648;
border-radius:0.75rem;
background:#15112A;
align-items:center;
display:flex;
}
.dio_avatar-cwr{
border-radius:50%;
flex:none;
background:linear-gradient(135deg,#A855F7,#7C3AED);
width:2.75rem;
height:44px;
}
.dio_person_name-cwr{
color:#F0ECFF;
font-weight:700;
font-size:0.875rem;
}
.dio_person_role-cwr{
font-size:0.75rem;
color:#8B80A8;
}
.dio_kv-cwr{
grid-template-columns:1fr 1fr;
border:1px solid #2E2648;
background:#2E2648;
overflow:hidden;
gap:1px;
border-radius:12px;
display:grid;
}
.dio_kv-cwr>div{
padding:16px 18px;
background:#0E0B18;
min-width:0;
}
.dio_kv_k-cwr{
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:0.313rem;
font-size:0.594rem;
text-transform:uppercase;
color:#A855F7;
}
.dio_kv_v-cwr{
color:#F0ECFF;
font-size:13.5px;
font-weight:700;
}
@media(max-width:1025px){
.dio_split_a-cwr,.dio_split_b-cwr,.dio_split_c-cwr,.dio_pgrid-cwr{
gap:24px;
grid-template-columns:1fr;
}
.dio_feat-cwr,.dio_feat2-cwr{
grid-template-columns:1fr;
}
.dio_kv-cwr{
grid-template-columns:1fr;
}
}
.dio_sh-cwr{
margin-bottom:1rem;
min-width:0;
}
.dio_sh_row-cwr{
gap:12px;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
display:flex;
}
.dio_sh_row-cwr .dio_sh_l-cwr{
gap:0.375rem;
display:flex;
min-width:0;
flex-direction:column;
}
.dio_sh_stack-cwr{
gap:10px;
flex-direction:column;
display:flex;
align-items:flex-start;
}
.dio_sh_center-cwr{
gap:0.625rem;
flex-direction:column;
align-items:center;
text-align:center;
display:flex;
}
.dio_sh_h2-cwr{
gap:9px;
color:#F0ECFF;
line-height:1.1;
align-items:center;
font-weight:700;
overflow-wrap:break-word;
font-size:20px;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
display:flex;
}
@media(min-width:771px){
.dio_sh_h2-cwr{
font-size:1.5rem;
}
}
.dio_band-cwr .dio_sh_h2-cwr{
color:#F0ECFF;
}
.dio_eb_mono-cwr{
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
text-transform:none;
letter-spacing:.08em;
}
.dio_eb_mono-cwr::before{
content:"// ";
}
.dio_eb_upper-cwr{
letter-spacing:.14em;
text-transform:uppercase;
}
.dio_eb_pill-cwr{
background:rgba(168, 85, 247, 0.12);
border-radius:62.438rem;
padding:5px 0.688rem;
letter-spacing:.12em;
text-transform:uppercase;
}
.dio_eb_line-cwr{
gap:0.625rem;
align-items:center;
display:inline-flex;
}
.dio_eb_line-cwr::before{
background:#A855F7;
content:"";
width:1.5rem;
display:inline-block;
height:1px;
}
.dio_band-cwr .dio_eb_line-cwr::before{
background:#C084FC;
}
.dio_band-cwr .dio_eb_pill-cwr{
background:rgba(255, 255, 255, 0.07);
}
.dio_sh_link-cwr{
gap:6px;
transition:color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease,border-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
border-bottom:1px solid #F0ECFF;
font-size:13px;
align-items:center;
padding-bottom:2px;
white-space:nowrap;
color:#F0ECFF;
display:inline-flex;
font-weight:600;
}
.dio_sh_link-cwr:hover{
border-color:#A855F7;
color:#A855F7;
}
.dio_sh_link-cwr svg{
width:0.875rem;
height:0.875rem;
}
.dio_sh_link_chev-cwr{
color:#A855F7;
font-size:12px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
border-bottom:0;
padding-bottom:0;
}
.dio_sh_link_btn-cwr{
border-radius:999px;
padding:0.563rem 1.125rem;
background:#C026D3;
color:#FFFFFF;
border-bottom:0;
}
.dio_sh_link_btn-cwr:hover{
background:#A21CAF;
border-color:transparent;
}
.dio_band-cwr .dio_sh_link-cwr{
border-color:#F0ECFF;
color:#F0ECFF;
}
.dio_band-cwr .dio_sh_link_chev-cwr{
color:#C084FC;
}
.dio_sh_rule-cwr{
background:#2E2648;
margin:-2px 0 1rem;
height:1px;
}
.dio_band-cwr .dio_sh_rule-cwr{
background:rgba(255, 255, 255, 0.12);
}
.dio_seo_grid3-cwr{
gap:1.25rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.dio_seo_grid4-cwr{
gap:13px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.dio_seo_grid3-cwr>*,.dio_seo_grid4-cwr>*{
min-width:0;
}
.dio_seo_card-cwr{
border-radius:12px;
border:1px solid #2E2648;
background:#15112A;
padding:1.5rem;
}
.dio_seo_card-cwr h3{
font-weight:700;
color:#F0ECFF;
margin-bottom:8px;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:18px;
}
.dio_seo_card-cwr p{
color:#C4BBDF;
line-height:1.6;
font-size:13px;
}
.dio_seo_card_sm-cwr{
padding:1.25rem;
}
.dio_seo_card_sm-cwr h3{
font-size:16px;
}
.dio_seo_card_sm-cwr p{
font-size:0.781rem;
line-height:1.55;
}
.dio_seo_rtp_row-cwr{
grid-template-columns:1fr 1fr;
gap:2.25rem;
margin-top:1rem;
align-items:center;
display:grid;
}
.dio_rtp-cwr{
gap:14px;
display:flex;
min-width:0;
}
.dio_rtp-cwr>div{
flex:1;
border-radius:12px;
padding:16px;
background:#0E0B18;
min-width:0;
text-align:center;
}
.dio_rtp_n-cwr{
font-size:1.625rem;
font-weight:700;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#A855F7;
white-space:nowrap;
}
.dio_rtp_l-cwr{
color:#8B80A8;
margin-top:0.25rem;
font-size:11px;
}
.dio_cmp-cwr{
overflow:hidden;
border:1px solid #2E2648;
border-radius:12px;
max-width:47.5rem;
}
.dio_cmp_row-cwr{
grid-template-columns:1.6fr 1fr 1fr;
font-size:13px;
display:grid;
}
.dio_cmp_row-cwr>div{
padding:13px 14px;
min-width:0;
text-align:center;
}
.dio_cmp_row-cwr>div:first-child{
color:#F0ECFF;
font-weight:600;
text-align:left;
padding-left:1.375rem;
}
.dio_cmp_th-cwr{
background:#0E0B18;
font-weight:700;
font-size:0.781rem;
}
.dio_cmp_row-cwr:not(.dio_cmp_th-cwr){
background:#15112A;
border-top:1px solid #221C38;
color:#C4BBDF;
}
.dio_cmp_zebra-cwr{
background:#1A1630;
}
.dio_guide-cwr{
background:#15112A;
border:1px solid #2E2648;
overflow:hidden;
border-radius:12px;
cursor:pointer;
}
.dio_guide_cover-cwr{
height:8.125rem;
}
.dio_guide_body-cwr{
padding:20px;
}
.dio_guide_body-cwr h3{
margin:7px 0 0.563rem;
font-size:16px;
font-weight:700;
line-height:1.25;
color:#F0ECFF;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.dio_guide_meta-cwr{
font-size:0.719rem;
color:#8B80A8;
}
.dio_hub-cwr{
gap:28px;
grid-template-columns:repeat(5,1fr);
display:grid;
border-top:1px solid #221C38;
padding-top:1.75rem;
}
.dio_hub-cwr>*{
min-width:0;
}
.dio_hub-cwr h4{
font-size:13px;
font-weight:700;
margin-bottom:11px;
color:#F0ECFF;
}
.dio_hub_col-cwr{
gap:8px;
color:#C4BBDF;
flex-direction:column;
font-size:0.813rem;
display:flex;
}
.dio_hub_col-cwr a{
cursor:pointer;
}
@media(max-width:1023px){
.dio_seo_grid3-cwr{
grid-template-columns:1fr;
}
.dio_seo_grid4-cwr{
grid-template-columns:repeat(2,1fr);
}
.dio_seo_rtp_row-cwr{
grid-template-columns:1fr;
gap:20px;
}
.dio_hub-cwr{
gap:1.375rem;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:561px){
.dio_hub-cwr{
grid-template-columns:1fr;
}
}
.dio_tk-cwr{
overflow:hidden;
background:#080611;
display:flex;
border-bottom:1px solid #221C38;
align-items:center;
}
.dio_tk_tag-cwr{
padding:0.688rem 1.125rem;
flex:none;
gap:8px;
background:#15112A;
color:#EF4444;
font-size:10.5px;
font-weight:600;
display:flex;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
border-right:1px solid #221C38;
align-items:center;
letter-spacing:.1em;
text-transform:uppercase;
}
.dio_tk_rail-cwr{
overflow:hidden;
flex:1;
}
.dio_tk_track-cwr{
padding:0.688rem 0.875rem;
gap:1.75rem;
animation:zm3-marquee 26s linear infinite;
white-space:nowrap;
display:flex;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#C4BBDF;
width:max-content;
font-size:12px;
}
.dio_tk_track-cwr b{
color:#A855F7;
}
.dio_hero-cwr{
border:1px solid #2E2648;
overflow:hidden;
background:linear-gradient(120deg,#120E24,#0A0C20);
padding:46px 3rem;
border-radius:1.25rem;
position:relative;
color:#F0ECFF;
}
.dio_hero_glow-cwr{
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
border-radius:50%;
position:absolute;
height:340px;
width:21.25rem;
right:-60px;
top:-60px;
}
.dio_hero_in-cwr{
max-width:600px;
position:relative;
}
.dio_hero-cwr .dio_eyebrow-cwr{
color:#C084FC;
}
.dio_pill_row-cwr{
background:rgba(255, 255, 255, 0.07);
gap:8px;
border:1px solid rgba(255, 255, 255, 0.12);
border-radius:62.438rem;
padding:0.375rem 13px;
font-size:10.5px;
text-transform:uppercase;
display:inline-flex;
align-items:center;
letter-spacing:.1em;
color:#C084FC;
margin-bottom:22px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.dio_hero_h1-cwr{
margin:18px 0;
overflow-wrap:break-word;
color:#F0ECFF;
letter-spacing:-.02em;
font-weight:700;
line-height:1.02;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:3.375rem;
}
.dio_hero_h1-cwr em{
font-style:normal;
color:#C084FC;
}
.dio_hero_sub-cwr{
max-width:30rem;
line-height:1.55;
font-size:17px;
margin-bottom:1.75rem;
color:#9E96C0;
}
.dio_hero_cta-cwr{
gap:14px;
flex-wrap:wrap;
margin-bottom:1.625rem;
display:flex;
align-items:center;
}
.dio_hero_trust-cwr{
gap:14px;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.dio_hero_rating_txt-cwr{
color:#9E96C0;
font-size:0.813rem;
}
@media(max-width:1023px){
.dio_hero-cwr{
padding:32px 1.5rem;
}
.dio_hero_h1-cwr{
font-size:2.375rem;
}
}
@media(max-width:558px){
.dio_hero_h1-cwr{
font-size:1.875rem;
}
}
.dio_tabs-cwr{
gap:9px;
display:flex;
flex-wrap:wrap;
}
.dio_tab-cwr{
background:#15112A;
border:1px solid #2E2648;
padding:0.625rem 1.125rem;
border-radius:0.5rem;
font-size:0.813rem;
font-weight:600;
cursor:pointer;
color:#C4BBDF;
}
.dio_tab_on-cwr{
background:#C026D3;
border-color:transparent;
font-weight:700;
color:#FFFFFF;
}
.dio_stat-cwr{
gap:0.875rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.dio_stat-cwr>*{
min-width:0;
}
.dio_stat_item-cwr{
padding:1.125rem 20px;
background:#15112A;
border-radius:0.75rem;
border:1px solid #2E2648;
}
.dio_stat_k-cwr{
text-transform:uppercase;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.594rem;
color:#8B80A8;
letter-spacing:.12em;
margin-bottom:0.438rem;
}
.dio_stat_v-cwr{
gap:8px;
overflow-wrap:anywhere;
font-size:1.5rem;
min-width:0;
display:flex;
align-items:center;
font-weight:700;
color:#F0ECFF;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.dio_stat_v_accent-cwr{
color:#A855F7;
}
@media(max-width:1023px){
.dio_stat-cwr{
grid-template-columns:repeat(2,1fr);
}
}
.dio_wlc-cwr{
border:1px solid #2E2648;
overflow:hidden;
padding:2.25rem 40px;
gap:24px;
grid-template-columns:1.2fr .8fr;
border-radius:20px;
background:linear-gradient(120deg,#120E24,#0A0C20);
align-items:center;
position:relative;
display:grid;
color:#F0ECFF;
}
.dio_wlc-cwr>*{
min-width:0;
}
.dio_wlc-cwr .dio_eyebrow-cwr{
color:#C084FC;
}
.dio_wlc_glow-cwr{
border-radius:50%;
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
top:-40px;
width:16.25rem;
height:260px;
position:absolute;
right:-40px;
}
.dio_wlc_in-cwr{
position:relative;
}
.dio_wlc_h2-cwr{
margin:0.625rem 0 8px;
font-weight:700;
font-size:34px;
overflow-wrap:break-word;
color:#F0ECFF;
line-height:1.03;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.dio_wlc_h2-cwr em{
color:#C084FC;
font-style:normal;
}
.dio_wlc_sub-cwr{
color:#9E96C0;
font-size:14px;
margin-bottom:1.125rem;
max-width:26.25rem;
line-height:1.55;
}
.dio_wlc_terms-cwr{
gap:0.625rem;
display:flex;
position:relative;
flex-direction:column;
}
.dio_term-cwr{
border-radius:12px;
background:rgba(255, 255, 255, 0.07);
border:1px solid rgba(255, 255, 255, 0.12);
gap:11px;
padding:0.813rem 0.938rem;
display:flex;
align-items:center;
}
.dio_term-cwr svg{
flex:none;
height:1.25rem;
width:1.25rem;
color:#C084FC;
}
.dio_term_k-cwr{
font-size:9.5px;
letter-spacing:.1em;
text-transform:uppercase;
color:#9E96C0;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.dio_term_v-cwr{
color:#F0ECFF;
font-size:14px;
font-weight:700;
margin-top:2px;
}
@media(max-width:1022px){
.dio_wlc-cwr{
grid-template-columns:1fr;
}
}
@media(max-width:559px){
.dio_wlc_h2-cwr{
font-size:26px;
}
}
.dio_jp-cwr{
gap:14px;
grid-template-columns:1.5fr 1fr 1fr;
display:grid;
}
.dio_jp-cwr>*{
min-width:0;
}
.dio_jp_hero-cwr{
overflow:hidden;
border:1px solid #2E2648;
background:linear-gradient(135deg,#120E24,#0A0C20);
gap:0.875rem;
padding:1.625rem;
border-radius:20px;
display:flex;
justify-content:space-between;
color:#F0ECFF;
min-height:11.25rem;
position:relative;
flex-direction:column;
}
.dio_jp_glow-cwr{
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
border-radius:50%;
top:-40px;
right:-2.5rem;
position:absolute;
height:11.25rem;
width:180px;
}
.dio_jp_k_row-cwr{
gap:0.625rem;
position:relative;
justify-content:space-between;
align-items:center;
display:flex;
}
.dio_jp_k-cwr{
color:#8B80A8;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
letter-spacing:.12em;
text-transform:uppercase;
font-size:0.625rem;
}
.dio_jp_hero-cwr .dio_jp_k-cwr{
color:#9E96C0;
}
.dio_jp_amt-cwr{
line-height:1;
position:relative;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:2.625rem;
font-weight:700;
color:#C084FC;
}
.dio_jp_sub-cwr{
font-size:12px;
margin-top:5px;
color:#9E96C0;
}
.dio_jp_cell-cwr{
background:#15112A;
padding:1.375rem;
border:1px solid #2E2648;
border-radius:20px;
flex-direction:column;
display:flex;
justify-content:space-between;
min-height:180px;
}
.dio_jp_cell-cwr .dio_jp_amt-cwr{
color:#F0ECFF;
font-size:1.875rem;
}
.dio_jp_cell-cwr .dio_jp_sub-cwr{
color:#8B80A8;
}
@media(max-width:1025px){
.dio_jp-cwr{
grid-template-columns:1fr;
}
}
@media(max-width:563px){
.dio_jp_amt-cwr{
font-size:32px;
}
}
.dio_steps-cwr{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.dio_steps-cwr>*{
min-width:0;
}
.dio_step-cwr{
border-radius:0.75rem;
border:1px solid #2E2648;
padding:1.5rem;
background:#15112A;
position:relative;
}
.dio_step_num-cwr{
border-radius:0.5rem;
background:#C026D3;
color:#0E0B18;
align-items:center;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-weight:700;
width:30px;
font-size:0.813rem;
justify-content:center;
height:1.875rem;
margin-bottom:14px;
display:flex;
}
.dio_step_h-cwr{
margin-bottom:0.438rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:16px;
color:#F0ECFF;
font-weight:700;
}
.dio_step_p-cwr{
line-height:1.55;
color:#C4BBDF;
font-size:0.813rem;
}
@media(max-width:1023px){
.dio_steps-cwr{
grid-template-columns:1fr;
}
}
.dio_promo_grid-cwr{
gap:1rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.dio_promo_grid-cwr>*{
min-width:0;
}
.dio_promo-cwr{
padding:24px;
border-radius:20px;
border:1px solid #2E2648;
background:#15112A;
overflow:hidden;
position:relative;
min-height:150px;
}
.dio_promo_h-cwr{
margin-top:0.375rem;
color:#F0ECFF;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.05;
font-weight:700;
font-size:1.625rem;
}
.dio_promo_h-cwr em{
color:#A855F7;
font-style:normal;
}
.dio_promo_p-cwr{
color:#C4BBDF;
margin-top:8px;
font-size:12.5px;
line-height:1.5;
}
.dio_promo_feat-cwr{
background:linear-gradient(135deg,#120E24,#0A0C20);
border-color:#2E2648;
}
.dio_promo_feat-cwr .dio_promo_h-cwr{
color:#F0ECFF;
}
.dio_promo_feat-cwr .dio_promo_h-cwr em{
color:#C084FC;
}
.dio_promo_feat-cwr .dio_promo_p-cwr{
color:#9E96C0;
}
.dio_promo_feat-cwr .dio_eyebrow-cwr{
color:#C084FC;
}
@media(max-width:1025px){
.dio_promo_grid-cwr{
grid-template-columns:1fr;
}
}
.dio_tour-cwr{
border:1px solid #2E2648;
border-radius:20px;
overflow:hidden;
grid-template-columns:1.05fr 1fr;
display:grid;
}
.dio_tour-cwr>*{
min-width:0;
}
.dio_tour_l-cwr{
overflow:hidden;
background:linear-gradient(135deg,#120E24,#0A0C20);
padding:34px;
position:relative;
color:#F0ECFF;
}
.dio_tour_h2-cwr{
margin:0.75rem 0 0.625rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
line-height:1.05;
font-size:1.875rem;
color:#F0ECFF;
}
.dio_tour_h2-cwr em{
color:#C084FC;
font-style:normal;
}
.dio_tour_text-cwr{
color:#9E96C0;
font-size:13.5px;
max-width:340px;
margin-bottom:1.25rem;
line-height:1.6;
}
.dio_tour_meta-cwr{
gap:18px;
margin-bottom:20px;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
}
.dio_tour_cap-cwr{
text-transform:uppercase;
color:#9E96C0;
margin-bottom:5px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.594rem;
}
.dio_count-cwr{
gap:6px;
display:flex;
}
.dio_count-cwr span{
border:1px solid rgba(255, 255, 255, 0.12);
background:rgba(255, 255, 255, 0.07);
padding:0.25rem 0.563rem;
border-radius:8px;
font-weight:700;
font-size:1.375rem;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.dio_tour_units-cwr{
color:#9E96C0;
font-size:0.625rem;
}
.dio_board-cwr{
background:#15112A;
padding:28px 30px;
}
.dio_board_head-cwr{
justify-content:space-between;
display:flex;
margin-bottom:0.875rem;
align-items:center;
}
.dio_board_title-cwr{
color:#F0ECFF;
font-size:1rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
}
.dio_board_upd-cwr{
color:#8B80A8;
font-size:0.625rem;
text-transform:uppercase;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.dio_board_list-cwr{
gap:2px;
display:flex;
flex-direction:column;
}
.dio_board_row-cwr{
border-radius:8px;
padding:10px 0.75rem;
gap:12px;
display:flex;
align-items:center;
}
.dio_board_top1-cwr{
background:rgba(168, 85, 247, 0.12);
}
.dio_board_rk-cwr{
color:#8B80A8;
font-size:0.875rem;
width:1.25rem;
font-weight:700;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.dio_board_top1-cwr .dio_board_rk-cwr{
color:#A855F7;
}
.dio_board_nm-cwr{
flex:1;
font-weight:600;
color:#C4BBDF;
font-size:13.5px;
min-width:0;
}
.dio_board_top1-cwr .dio_board_nm-cwr{
font-weight:700;
color:#F0ECFF;
}
.dio_board_pt-cwr{
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.781rem;
color:#C4BBDF;
}
@media(max-width:1022px){
.dio_tour-cwr{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.dio_tour_h2-cwr{
font-size:1.5rem;
}
}
.dio_vip_head-cwr{
gap:12px;
display:flex;
align-items:flex-end;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:1.125rem;
}
.dio_vip_intro-cwr{
color:#C4BBDF;
font-size:13px;
max-width:420px;
}
.dio_vip-cwr{
gap:0.75rem;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.dio_vip-cwr>*{
min-width:0;
}
.dio_tier-cwr{
background:#15112A;
border:1px solid #2E2648;
padding:20px;
border-radius:12px;
}
.dio_tier_on-cwr{
border-color:#A855F7;
background:rgba(168, 85, 247, 0.12);
}
.dio_tier_medal-cwr{
background:linear-gradient(135deg,#A855F7,#7C3AED);
border-radius:8px;
height:30px;
width:1.875rem;
margin-bottom:0.875rem;
}
.dio_tier_name-cwr{
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#F0ECFF;
font-weight:700;
margin-bottom:5px;
font-size:0.938rem;
}
.dio_tier_tx-cwr{
line-height:1.5;
color:#8B80A8;
font-size:0.719rem;
}
@media(max-width:1026px){
.dio_vip-cwr{
grid-template-columns:repeat(2,1fr);
}
}
.dio_news-cwr{
border:1px solid #2E2648;
padding:26px 2rem;
background:linear-gradient(135deg,#120E24,#0A0C20);
gap:24px;
border-radius:20px;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
color:#F0ECFF;
}
.dio_news_h3-cwr{
margin-bottom:4px;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1.25rem;
color:#F0ECFF;
font-weight:700;
}
.dio_news_text-cwr{
font-size:13px;
color:#9E96C0;
}
.dio_news_form-cwr{
flex:1;
gap:10px;
max-width:27.5rem;
min-width:0;
display:flex;
}
.dio_news_form-cwr .dio_input-cwr{
min-width:0;
}
@media(max-width:560px){
.dio_news_form-cwr{
width:100%;
}
}
.dio_input-cwr{
flex:1;
padding:0.813rem 16px;
background:rgba(255, 255, 255, 0.07);
border-radius:8px;
border:1px solid rgba(255, 255, 255, 0.12);
color:#9E96C0;
font-size:13.5px;
}
.dio_supp-cwr{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.dio_supp-cwr>*{
min-width:0;
}
.dio_supp_card-cwr{
border-radius:0.75rem;
padding:1.5rem;
background:#15112A;
border:1px solid #2E2648;
}
.dio_supp_card-cwr svg{
margin-bottom:0.875rem;
height:24px;
color:#A855F7;
width:24px;
}
.dio_supp_card-cwr h3{
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:6px;
font-weight:700;
font-size:1rem;
color:#F0ECFF;
}
.dio_supp_card-cwr p{
color:#C4BBDF;
font-size:13px;
line-height:1.55;
}
@media(max-width:1025px){
.dio_supp-cwr{
grid-template-columns:1fr;
}
}
.dio_gm-cwr{
grid-template-columns:1.3fr 1fr;
gap:16px;
display:grid;
}
.dio_gm-cwr>*{
min-width:0;
}
.dio_gm_panel-cwr{
border-radius:1.25rem;
padding:28px;
border:1px solid #2E2648;
background:#15112A;
}
.dio_gm_h2-cwr{
margin:10px 0 8px;
font-weight:700;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:24px;
color:#F0ECFF;
}
.dio_gm_text-cwr{
font-size:0.844rem;
color:#C4BBDF;
margin-bottom:1.25rem;
line-height:1.6;
max-width:27.5rem;
}
.dio_gm_level-cwr{
gap:14px;
display:flex;
align-items:center;
margin-bottom:1rem;
}
.dio_gm_lv-cwr{
color:#A855F7;
font-weight:700;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1.5rem;
}
.dio_gm_bar_wrap-cwr{
flex:1;
min-width:0;
}
.dio_gm_bar_meta-cwr{
font-size:0.625rem;
justify-content:space-between;
color:#8B80A8;
display:flex;
margin-bottom:5px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.dio_bar-cwr{
background:#0E0B18;
overflow:hidden;
border-radius:999px;
height:8px;
}
.dio_bar_fill-cwr{
border-radius:62.438rem;
background:linear-gradient(90deg,#A855F7,#7C3AED);
display:block;
height:100%;
}
.dio_gm_missions-cwr{
gap:0.563rem;
flex-wrap:wrap;
display:flex;
}
.dio_gm_refer-cwr{
border:1px solid #2E2648;
border-radius:1.25rem;
padding:1.75rem;
overflow:hidden;
background:linear-gradient(150deg,#120E24,#0A0C20);
color:#F0ECFF;
flex-direction:column;
position:relative;
display:flex;
justify-content:space-between;
}
.dio_gm_refer-cwr .dio_eyebrow-cwr{
color:#C084FC;
}
.dio_gm_ref_h2-cwr{
margin:0.625rem 0 8px;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.1;
color:#F0ECFF;
font-size:24px;
font-weight:700;
}
.dio_gm_ref_h2-cwr em{
font-style:normal;
color:#C084FC;
}
.dio_gm_ref_text-cwr{
margin-bottom:1.125rem;
font-size:13px;
line-height:1.55;
color:#9E96C0;
}
@media(max-width:1027px){
.dio_gm-cwr{
grid-template-columns:1fr;
}
}
.dio_pay_logos-cwr{
gap:0.563rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.dio_pay_logos-cwr>*{
min-width:0;
}
.dio_pay-cwr{
border-radius:0.5rem;
border:1px solid #2E2648;
justify-content:center;
align-items:center;
display:flex;
color:#C4BBDF;
font-weight:700;
font-size:12px;
height:48px;
}
.dio_table-cwr{
overflow:hidden;
border-radius:12px;
border:1px solid #2E2648;
}
.dio_trow-cwr{
grid-template-columns:1.3fr 1fr 1fr 1fr;
font-size:0.813rem;
display:grid;
}
.dio_trow-cwr>div{
padding:13px 14px;
min-width:0;
}
.dio_trow-cwr>div:first-child{
color:#F0ECFF;
font-weight:700;
padding-left:1rem;
}
.dio_trow_th-cwr{
background:#0E0B18;
text-transform:uppercase;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:9.5px;
color:#8B80A8;
letter-spacing:.06em;
}
.dio_trow-cwr:not(.dio_trow_th-cwr){
background:#15112A;
border-top:1px solid #221C38;
color:#C4BBDF;
}
.dio_trow_zebra-cwr{
background:#1A1630;
}
.dio_pos-cwr{
font-weight:700;
color:#A855F7;
}
@media(max-width:1026px){
.dio_pay_logos-cwr{
grid-template-columns:repeat(2,1fr);
}
}
.dio_dw_h2-cwr{
line-height:1.08;
margin-bottom:0.625rem;
font-weight:700;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:26px;
color:#F0ECFF;
}
.dio_steps_v-cwr{
grid-template-columns:1fr;
gap:0.625rem;
}
.dio_steps_v-cwr .dio_step-cwr{
padding:1.125rem 1.25rem;
}
@media(max-width:557px){
.dio_dw_h2-cwr{
font-size:1.438rem;
}
}
.dio_op_h2-cwr{
margin:10px 0 8px;
font-size:1.5rem;
line-height:1.1;
font-weight:700;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#F0ECFF;
}
.dio_op_text-cwr{
line-height:1.6;
font-size:13.5px;
color:#C4BBDF;
}
@media(max-width:557px){
.dio_op_h2-cwr{
font-size:1.375rem;
}
}
.dio_rc-cwr{
grid-template-columns:1fr 1fr 1fr;
gap:2rem;
display:grid;
}
.dio_rc-cwr>*{
min-width:0;
}
.dio_rc_awards-cwr{
gap:11px;
display:flex;
flex-direction:column;
}
.dio_award-cwr{
gap:0.688rem;
align-items:center;
display:flex;
}
.dio_award-cwr svg{
flex:none;
width:1.125rem;
color:#F59E0B;
height:18px;
}
.dio_award_t-cwr{
font-weight:700;
color:#F0ECFF;
font-size:0.844rem;
}
.dio_award_s-cwr{
color:#8B80A8;
font-size:11.5px;
}
.dio_rc_press-cwr{
grid-template-columns:1fr 1fr;
gap:0.625rem;
display:grid;
}
.dio_logo_cell-cwr{
border:1px solid #2E2648;
border-radius:8px;
color:#C4BBDF;
font-size:0.813rem;
height:48px;
display:flex;
font-weight:700;
align-items:center;
justify-content:center;
}
.dio_rc_partner-cwr{
padding:1.25rem;
border-radius:12px;
background:#15112A;
border:1px solid #2E2648;
}
.dio_rc_partner_name-cwr{
font-weight:700;
color:#F0ECFF;
font-size:1.125rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:6px;
}
.dio_rc_partner_text-cwr{
line-height:1.55;
font-size:12.5px;
color:#C4BBDF;
}
@media(max-width:1022px){
.dio_rc-cwr{
gap:1.375rem;
grid-template-columns:1fr;
}
.dio_rc_press-cwr{
grid-template-columns:repeat(4,1fr);
}
}
.dio_ab_h2-cwr{
margin:14px 0 1rem;
font-size:32px;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
line-height:1.08;
color:#F0ECFF;
}
.dio_ab_body-cwr{
margin-bottom:14px;
line-height:1.65;
color:#C4BBDF;
font-size:15px;
}
.dio_ab_chips-cwr{
gap:10px;
flex-wrap:wrap;
display:flex;
margin-top:8px;
}
.dio_faq-cwr{
gap:0.625rem;
display:flex;
flex-direction:column;
}
.dio_faq_item-cwr{
border-radius:0.75rem;
border:1px solid #2E2648;
background:#15112A;
padding:18px 1.375rem;
}
.dio_faq_q-cwr{
gap:16px;
list-style:none;
font-weight:600;
cursor:pointer;
color:#F0ECFF;
font-size:15.5px;
justify-content:space-between;
align-items:center;
display:flex;
}
.dio_faq_q-cwr::-webkit-details-marker{
display:none;
}
.dio_faq_q_t-cwr{
gap:0.625rem;
display:flex;
}
.dio_faq_q_i-cwr{
color:#A855F7;
font-style:normal;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.dio_faq_pm-cwr{
color:#A855F7;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:1.25rem;
}
.dio_faq_item-cwr[open] .dio_faq_pm-cwr{
transform:rotate(45deg);
}
.dio_faq_a-cwr{
color:#C4BBDF;
margin-top:0.75rem;
line-height:1.6;
font-size:13.5px;
}
@media(max-width:562px){
.dio_ab_h2-cwr{
font-size:26px;
}
}
.dio_provs-cwr{
grid-template-columns:repeat(6,1fr);
gap:0.75rem;
margin-bottom:1.75rem;
display:grid;
}
.dio_provs-cwr>*{
min-width:0;
}
.dio_prov-cwr{
background:#15112A;
padding:12px;
border:1px solid #2E2648;
border-radius:12px;
text-decoration:none;
align-items:center;
height:4rem;
display:flex;
justify-content:center;
}
.dio_prov_img-cwr{
max-width:100%;
max-height:2rem;
object-fit:contain;
}
.dio_resp-cwr{
padding:1.625rem;
border-radius:0.75rem;
border:1px solid #2E2648;
gap:1.5rem;
background:#15112A;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
}
.dio_resp_in-cwr{
max-width:35rem;
}
.dio_resp_h-cwr{
font-size:19px;
margin-bottom:0.5rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
color:#F0ECFF;
}
.dio_resp_p-cwr{
color:#C4BBDF;
font-size:0.844rem;
line-height:1.6;
}
.dio_resp_badges-cwr{
gap:0.875rem;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.dio_age18-cwr{
padding:4px 0.5rem;
border-radius:8px;
border:1.5px solid #EF4444;
font-size:0.813rem;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-weight:700;
color:#EF4444;
}
.dio_resp_org-cwr{
color:#8B80A8;
font-weight:600;
font-size:13px;
}
@media(max-width:1023px){
.dio_provs-cwr{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:558px){
.dio_provs-cwr{
grid-template-columns:repeat(2,1fr);
}
}
.dio_et_h2-cwr{
margin:0.625rem 0 14px;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1.75rem;
color:#F0ECFF;
line-height:1.08;
font-weight:700;
}
.dio_et_right-cwr{
gap:10px;
display:flex;
flex-direction:column;
}
.dio_et_updated-cwr{
gap:10px;
background:#0E0B18;
border:1px solid #2E2648;
border-radius:12px;
padding:14px 18px;
align-items:center;
color:#C4BBDF;
display:flex;
font-size:0.75rem;
}
.dio_et_updated-cwr svg{
flex:none;
width:15px;
color:#A855F7;
height:15px;
}
.dio_et_updated-cwr b{
color:#F0ECFF;
}
@media(max-width:563px){
.dio_et_h2-cwr{
font-size:1.5rem;
}
}
.dio_gd_head-cwr{
gap:12px;
flex-wrap:wrap;
align-items:center;
margin-bottom:16px;
display:flex;
justify-content:space-between;
}
.dio_rv_head-cwr{
gap:12px;
flex-wrap:wrap;
display:flex;
align-items:flex-end;
justify-content:space-between;
margin-bottom:1.125rem;
}
.dio_rv_agg-cwr{
gap:10px;
align-items:center;
display:flex;
}
.dio_rv_source-cwr{
font-size:0.781rem;
color:#8B80A8;
}
.dio_rv_grid-cwr{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.dio_rv_grid-cwr>*{
min-width:0;
}
.dio_review-cwr{
border:1px solid #2E2648;
padding:1.5rem;
background:#15112A;
border-radius:0.75rem;
}
.dio_review-cwr .dio_stars-cwr{
margin-bottom:0.625rem;
}
.dio_review-cwr p{
font-weight:600;
margin-bottom:14px;
color:#F0ECFF;
line-height:1.5;
font-size:14.5px;
}
.dio_review_by-cwr{
font-size:12.5px;
color:#8B80A8;
}
@media(max-width:1021px){
.dio_rv_grid-cwr{
grid-template-columns:1fr;
}
}
.dio_footer-cwr{
padding:40px 28px;
background:#080611;
border-top:1px solid #221C38;
}
.dio_footer_grid-cwr{
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:2rem;
max-width:1400px;
margin-bottom:28px;
display:grid;
margin-left:auto;
margin-right:auto;
}
.dio_footer_grid-cwr>*{
min-width:0;
}
.dio_footer_grid-cwr h4{
text-transform:uppercase;
font-size:0.625rem;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:13px;
color:#564F6E;
letter-spacing:.12em;
}
.dio_fcol-cwr{
gap:0.563rem;
font-size:13px;
flex-direction:column;
display:flex;
color:#C4BBDF;
}
.dio_fcol-cwr a{
cursor:pointer;
}
.dio_ft_about-cwr{
font-size:0.813rem;
line-height:1.6;
max-width:260px;
margin-top:0.75rem;
color:#8B80A8;
}
.dio_ft_contact-cwr{
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
overflow-wrap:anywhere;
font-size:12.5px;
margin-top:12px;
color:#A855F7;
}
.dio_footer_bottom-cwr{
margin:0 auto;
gap:1rem;
display:flex;
flex-wrap:wrap;
border-top:1px solid #221C38;
align-items:center;
justify-content:space-between;
max-width:87.5rem;
padding-top:1.25rem;
}
.dio_footer_bottom-cwr p{
font-size:0.688rem;
line-height:1.6;
max-width:45rem;
color:#564F6E;
}
@media(max-width:1025px){
.dio_footer_grid-cwr{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:558px){
.dio_footer_grid-cwr{
grid-template-columns:1fr;
}
}