*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#0E0B1A;
font-size:15px;
text-rendering:optimizeLegibility;
line-height:1.55;
overflow-wrap:break-word;
-webkit-font-smoothing:antialiased;
color:#BDB5D8;
font-family:"Nunito Sans", 'Helvetica Neue', Arial, sans-serif;
}
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{
width:8px;
height:0.5rem;
}
::-webkit-scrollbar-thumb{
border-radius:0.5rem;
background:rgba(9, 7, 18, 0.72);
}
::-webkit-scrollbar-track{
background:transparent;
}
.kpl-shell_snb{
grid-template-columns:248px 1fr;
display:grid;
min-height:100vh;
}
.kpl-main_snb{
min-width:0;
}
.kpl-wrap_snb{
margin:0 auto;
width:100%;
max-width:1380px;
}
.kpl-container_snb{
margin:0 auto;
padding:0 1rem;
width:100%;
max-width:86.25rem;
}
@media(min-width:769px){
.kpl-container_snb{
padding:0 28px;
}
}
.kpl-section_snb{
padding:24px 28px;
}
.kpl-section_pt_snb{
padding-top:34px;
}
.kpl-band_soft_snb{
background:#151122;
}
.kpl-eyebrow_snb{
font-size:0.656rem;
color:#A855F7;
display:inline-block;
text-transform:uppercase;
font-family:"Nunito Sans", 'Helvetica Neue', Arial, sans-serif;
overflow-wrap:break-word;
font-weight:600;
letter-spacing:.14em;
line-height:1.4;
}
.kpl-drawer_cb_snb{
display:none;
}
.kpl-overlay_snb{
display:none;
}
@media(max-width:1025px){
.kpl-shell_snb{
grid-template-columns:1fr;
}
.kpl-main_snb{
padding-bottom:78px;
}
.kpl-drawer_cb_snb:checked~.kpl-overlay_snb{
background:rgba(9, 7, 18, 0.72);
inset:0;
display:block;
z-index:70;
position:fixed;
}
}
@media(max-width:562px){
.kpl-section_snb{
padding:18px 16px;
}
.kpl-section_pt_snb{
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 ---------- */
.kpl-side_snb{
background:#120F1F;
padding:22px 18px;
gap:22px;
align-self:start;
flex-direction:column;
border-right:1px solid #221C38;
display:flex;
height:100vh;
position:sticky;
top:0;
overflow-y:auto;
}
.kpl-brand_snb{
gap:0.625rem;
align-items:center;
display:flex;
}
.kpl-logo_snb{
font-size:21px;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
letter-spacing:-.02em;
font-weight:700;
color:#F0ECFF;
}
.kpl-side_cta_snb{
background:rgba(168, 85, 247, 0.12);
border:1px solid #2E2648;
border-radius:12px;
padding:1rem;
}
.kpl-side_cta_h_snb{
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
color:#F0ECFF;
line-height:1.15;
font-size:17px;
font-weight:700;
margin-bottom:0.375rem;
}
.kpl-side_cta_p_snb{
font-size:12px;
color:#BDB5D8;
margin-bottom:0.75rem;
line-height:1.45;
}
.kpl-nav_snb{
gap:3px;
display:flex;
flex-direction:column;
}
.kpl-nav_label_snb{
padding:0.375rem 0.625rem;
text-transform:uppercase;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#564F70;
letter-spacing:.14em;
font-size:0.594rem;
}
.kpl-nav_item_snb{
padding:10px;
gap:0.688rem;
border-radius:8px;
font-weight:500;
display:flex;
align-items:center;
color:#BDB5D8;
font-size:0.875rem;
}
.kpl-nav_item_snb svg{
width:17px;
height:1.063rem;
}
.kpl-nav_item_snb:hover{
background:rgba(168, 85, 247, 0.12);
color:#F0ECFF;
}
.kpl-nav_item_on_snb{
background:rgba(168, 85, 247, 0.12);
color:#A855F7;
font-weight:600;
}
.kpl-side_foot_snb{
border-radius:0.75rem;
background:#151122;
padding:12px;
border:1px solid #2E2648;
margin-top:auto;
}
.kpl-side_foot_snb p{
font-size:12.5px;
line-height:1.4;
margin-top:0.25rem;
color:#BDB5D8;
}
/* ---------- topbar ---------- */
.kpl-top_snb{
background:#120F1F;
gap:16px;
padding:14px 28px;
position:sticky;
top:0;
align-items:center;
z-index:40;
border-bottom:1px solid #221C38;
display:flex;
}
.kpl-top_brand_snb{
gap:9px;
align-items:center;
display:none;
}
.kpl-search_snb{
background:#151122;
padding:11px 14px;
gap:10px;
flex:1;
border:1px solid #2E2648;
border-radius:0.75rem;
color:#8A82A8;
font-size:13.5px;
align-items:center;
max-width:440px;
display:flex;
}
.kpl-search_snb svg{
flex:none;
height:16px;
width:1rem;
}
.kpl-top_actions_snb{
gap:12px;
margin-left:auto;
align-items:center;
display:flex;
}
.kpl-lang_snb{
font-size:12px;
color:#BDB5D8;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.kpl-burger_snb{
border:1px solid #2E2648;
background:#151122;
border-radius:8px;
display:none;
height:2.5rem;
justify-content:center;
align-items:center;
width:2.5rem;
color:#F0ECFF;
}
/* ---------- bottom-nav (mobile) ---------- */
.kpl-botnav_snb{
display:none;
}
@media(max-width:1025px){
.kpl-side_snb{
transition:transform .25s ease;
left:0;
z-index:80;
position:fixed;
height:100vh;
top:0;
transform:translateX(-100%);
width:280px;
}
.kpl-drawer_cb_snb:checked~.kpl-shell_snb .kpl-side_snb{
transform:translateX(0);
}
.kpl-top_snb{
padding:14px 1rem;
gap:12px;
position:static;
flex-wrap:wrap;
}
.kpl-top_brand_snb{
display:flex;
}
.kpl-search_snb{
display:none;
}
.kpl-burger_snb{
display:flex;
}
.kpl-top_actions_snb{
gap:0.625rem;
align-items:stretch;
width:100%;
margin-left:0;
}
.kpl-top_actions_snb .kpl-lang_snb{
display:none;
}
.kpl-top_actions_snb .kpl-btn_snb{
flex:1;
padding:11px 10px;
text-align:center;
}
.kpl-botnav_snb{
background:#120F1F;
padding:0.5rem 6px calc(0.5rem + env(safe-area-inset-bottom));
grid-template-columns:repeat(3,1fr);
bottom:0;
position:fixed;
right:0;
border-top:1px solid #2E2648;
left:0;
display:grid;
transform:translateZ(0);
z-index:65;
}
.kpl-bn_snb{
padding:0.375rem 2px 0;
gap:0.25rem;
font-size:10px;
flex-direction:column;
min-width:0;
font-weight:600;
justify-content:flex-end;
color:#BDB5D8;
align-items:center;
display:flex;
}
.kpl-bn_snb svg{
flex:none;
width:1.375rem;
height:22px;
}
.kpl-bn_snb span{
overflow:hidden;
max-width:100%;
text-align:center;
white-space:nowrap;
text-overflow:ellipsis;
}
.kpl-bn_on_snb{
color:#A855F7;
}
.kpl-bn_center_snb{
position:relative;
}
.kpl-bn_fab_snb{
border-radius:50%;
background:#A855F7;
position:absolute;
top:-20px;
display:flex;
justify-content:center;
color:#FFFFFF;
left:50%;
width:3.125rem;
height:50px;
align-items:center;
transform:translateX(-50%);
box-shadow:0 0.5rem 32px rgba(9, 7, 18, 0.65), 0 2px 0.75rem rgba(168, 85, 247, 0.20);
}
.kpl-bn_fab_snb svg{
height:1.5rem;
width:24px;
}
.kpl-bn_center_snb span{
color:#A855F7;
}
}
.kpl-btn_snb{
gap:8px;
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;
border-radius:0.5rem;
padding:0.688rem 1.375rem;
font-weight:700;
justify-content:center;
display:inline-flex;
font-size:14px;
cursor:pointer;
font-family:"Nunito Sans", 'Helvetica Neue', Arial, sans-serif;
align-items:center;
}
.kpl-btn_pri_snb{
background:#A855F7;
box-shadow:0 0.25rem 1.25rem rgba(168, 85, 247, 0.45), 0 2px 8px rgba(168, 85, 247, 0.30);
color:#FFFFFF;
}
.kpl-btn_pri_snb:hover{
background:#9333EA;
}
.kpl-btn_ghost_snb{
background:rgba(168, 85, 247, 0.12);
color:#F0ECFF;
font-weight:600;
}
.kpl-btn_line_snb{
border:1px solid #3D3460;
background:transparent;
color:#F0ECFF;
font-weight:600;
}
.kpl-btn_lg_snb{
padding:16px 1.875rem;
border-radius:0.75rem;
font-size:15px;
}
.kpl-band_snb .kpl-btn_line_snb{
border-color:rgba(255, 255, 255, 0.12);
color:#F0ECFF;
}
.kpl-band_snb .kpl-btn_ghost_snb{
background:rgba(255, 255, 255, 0.08);
color:#F0ECFF;
}
.kpl-link_m_snb{
gap:0.313rem;
display:inline-flex;
cursor:pointer;
color:#A855F7;
align-items:center;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:12px;
text-decoration:none;
}
.kpl-link_m_snb svg{
height:14px;
width:14px;
}
.kpl-band_snb .kpl-link_m_snb{
color:#C084FC;
}
.kpl-dot_snb{
background:#A855F7;
flex:none;
border-radius:50%;
height:7px;
width:7px;
}
.kpl-dot_live_snb{
background:#EF4444;
animation:zm3-pulse 1.4s infinite;
}
.kpl-stars_snb{
gap:2px;
color:#A855F7;
display:inline-flex;
}
.kpl-stars_snb svg{
width:0.938rem;
height:0.938rem;
}
.kpl-chip_snb{
background:#151122;
border-radius:0.5rem;
padding:0.438rem 0.75rem;
gap:0.375rem;
border:1px solid #2E2648;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
display:inline-flex;
font-size:11px;
align-items:center;
color:#BDB5D8;
}
.kpl-chip_on_snb{
border-color:transparent;
background:rgba(168, 85, 247, 0.12);
color:#A855F7;
}
.kpl-gc_snb{
cursor:pointer;
display:block;
min-width:0;
text-decoration:none;
color:inherit;
}
.kpl-gc_thumb_snb{
border-radius:0.75rem;
overflow:hidden;
border:1px solid #2E2648;
display:block;
background-size:cover;
position:relative;
background-position:center;
aspect-ratio:1;
}
.kpl-gc_thumb_portrait_snb{
aspect-ratio:3/4;
}
.kpl-gc_thumb_wide_snb{
aspect-ratio:16/11;
}
.kpl-gc_cap_snb{
padding:9px;
background:linear-gradient(transparent,rgba(9, 7, 18, 0.72));
right:0;
bottom:0;
position:absolute;
left:0;
}
.kpl-gc_name_snb{
display:block;
font-size:0.781rem;
font-weight:700;
color:#F0ECFF;
}
.kpl-gc_meta_snb{
color:#A89FC4;
font-size:0.688rem;
}
.kpl-gc_badge_snb{
background:#A855F7;
border-radius:8px;
padding:2px 0.375rem;
top:8px;
font-weight:700;
font-size:0.5rem;
position:absolute;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
right:8px;
color:#FFFFFF;
}
.kpl-gc_badge_hot_snb{
background:#EF4444;
color:#F0ECFF;
}
.kpl-gc_badge_live_snb{
background:#EF4444;
right:auto;
color:#F0ECFF;
left:0.5rem;
}
.kpl-gc_mult_snb{
inset:0;
font-size:1.75rem;
justify-content:center;
align-items:center;
position:absolute;
display:flex;
font-weight:700;
color:#A855F7;
}
.kpl-pc_snb{
border:1px solid #2E2648;
border-radius:12px;
background:#151122;
height:4rem;
color:#BDB5D8;
align-items:center;
font-size:14px;
justify-content:center;
font-weight:700;
display:flex;
}
.kpl-rail_snb{
min-width:0;
}
.kpl-rail_scroll_snb{
gap:14px;
display:grid;
}
.kpl-rail_scroll_snb>*{
min-width:0;
}
.kpl-g6_snb{
grid-template-columns:repeat(6,1fr);
}
.kpl-g7_snb{
grid-template-columns:repeat(7,1fr);
}
.kpl-g4_snb{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1026px){
.kpl-g6_snb,.kpl-g7_snb{
grid-template-columns:none;
grid-auto-columns:7.5rem;
padding-bottom:0.375rem;
scroll-snap-type:x mandatory;
grid-auto-flow:column;
overflow-x:auto;
}
.kpl-g6_snb>*,.kpl-g7_snb>*{
scroll-snap-align:start;
}
.kpl-g4_snb{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:561px){
.kpl-g4_snb{
grid-template-columns:none;
grid-auto-flow:column;
overflow-x:auto;
grid-auto-columns:150px;
}
}
.kpl-panel_snb{
background:#151122;
padding:28px 2rem;
border-radius:20px;
border:1px solid #2E2648;
}
.kpl-split_snb{
gap:36px;
display:grid;
align-items:start;
}
.kpl-split_snb>*{
min-width:0;
}
.kpl-split_a_snb{
grid-template-columns:.85fr 1.15fr;
}
.kpl-split_b_snb{
grid-template-columns:1fr 1.1fr;
}
.kpl-split_c_snb{
grid-template-columns:1.1fr .9fr;
}
.kpl-pgrid_snb{
grid-template-columns:.9fr 1.1fr;
gap:40px;
display:grid;
align-items:center;
}
.kpl-pgrid_snb>*{
min-width:0;
}
.kpl-lead_snb{
color:#BDB5D8;
margin-bottom:0.875rem;
font-size:15px;
line-height:1.65;
}
.kpl-feat_snb{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.kpl-feat_snb>*{
min-width:0;
}
.kpl-feat2_snb{
grid-template-columns:1fr 1fr;
}
.kpl-feat_card_snb{
background:#151122;
border-radius:1.25rem;
border:1px solid #2E2648;
padding:26px;
}
.kpl-feat_card_snb svg{
color:#A855F7;
margin-bottom:1rem;
height:26px;
width:1.625rem;
}
.kpl-feat_card_snb h3{
font-size:18px;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:0.5rem;
color:#F0ECFF;
font-weight:700;
}
.kpl-feat_card_snb p{
line-height:1.6;
color:#BDB5D8;
font-size:0.813rem;
}
.kpl-feat_card_snb b{
color:#F0ECFF;
}
.kpl-big_snb{
gap:1.375rem;
display:flex;
flex-wrap:wrap;
}
.kpl-big_n_snb{
color:#A855F7;
font-size:1.625rem;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.kpl-big_l_snb{
color:#8A82A8;
font-size:0.75rem;
}
.kpl-person_snb{
border:1px solid #2E2648;
background:#151122;
padding:1rem 18px;
border-radius:0.75rem;
gap:0.875rem;
align-items:center;
display:flex;
}
.kpl-avatar_snb{
background:linear-gradient(135deg,#A855F7,#7C3AED);
border-radius:50%;
flex:none;
height:44px;
width:2.75rem;
}
.kpl-person_name_snb{
color:#F0ECFF;
font-size:0.875rem;
font-weight:700;
}
.kpl-person_role_snb{
color:#8A82A8;
font-size:0.75rem;
}
.kpl-kv_snb{
gap:1px;
border-radius:12px;
overflow:hidden;
border:1px solid #2E2648;
grid-template-columns:1fr 1fr;
background:#2E2648;
display:grid;
}
.kpl-kv_snb>div{
padding:16px 18px;
background:#0E0B1A;
min-width:0;
}
.kpl-kv_k_snb{
color:#A855F7;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:5px;
text-transform:uppercase;
font-size:0.594rem;
}
.kpl-kv_v_snb{
font-weight:700;
font-size:13.5px;
color:#F0ECFF;
}
@media(max-width:1022px){
.kpl-split_a_snb,.kpl-split_b_snb,.kpl-split_c_snb,.kpl-pgrid_snb{
gap:24px;
grid-template-columns:1fr;
}
.kpl-feat_snb,.kpl-feat2_snb{
grid-template-columns:1fr;
}
.kpl-kv_snb{
grid-template-columns:1fr;
}
}
.kpl-sh_snb{
min-width:0;
margin-bottom:1rem;
}
.kpl-sh_row_snb{
gap:12px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
}
.kpl-sh_row_snb .kpl-sh_l_snb{
gap:0.375rem;
flex-direction:column;
min-width:0;
display:flex;
}
.kpl-sh_stack_snb{
gap:0.625rem;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.kpl-sh_center_snb{
gap:0.625rem;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
}
.kpl-sh_h2_snb{
gap:0.563rem;
line-height:1.1;
color:#F0ECFF;
font-size:20px;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
overflow-wrap:break-word;
display:flex;
font-weight:700;
align-items:center;
}
@media(min-width:768px){
.kpl-sh_h2_snb{
font-size:24px;
}
}
.kpl-band_snb .kpl-sh_h2_snb{
color:#F0ECFF;
}
.kpl-eb_mono_snb{
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
text-transform:none;
letter-spacing:.08em;
}
.kpl-eb_mono_snb::before{
content:"// ";
}
.kpl-eb_upper_snb{
text-transform:uppercase;
letter-spacing:.14em;
}
.kpl-eb_pill_snb{
background:rgba(168, 85, 247, 0.12);
border-radius:62.438rem;
padding:0.313rem 11px;
text-transform:uppercase;
letter-spacing:.12em;
}
.kpl-eb_line_snb{
gap:10px;
display:inline-flex;
align-items:center;
}
.kpl-eb_line_snb::before{
background:#A855F7;
content:"";
display:inline-block;
height:1px;
width:24px;
}
.kpl-band_snb .kpl-eb_line_snb::before{
background:#C084FC;
}
.kpl-band_snb .kpl-eb_pill_snb{
background:rgba(255, 255, 255, 0.08);
}
.kpl-sh_link_snb{
gap:0.375rem;
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;
padding-bottom:2px;
color:#F0ECFF;
font-size:0.813rem;
align-items:center;
font-weight:600;
display:inline-flex;
border-bottom:1px solid #F0ECFF;
white-space:nowrap;
}
.kpl-sh_link_snb:hover{
border-color:#A855F7;
color:#A855F7;
}
.kpl-sh_link_snb svg{
height:0.875rem;
width:14px;
}
.kpl-sh_link_chev_snb{
color:#A855F7;
padding-bottom:0;
font-size:0.75rem;
border-bottom:0;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.kpl-sh_link_btn_snb{
padding:0.563rem 18px;
border-radius:62.438rem;
background:#A855F7;
color:#FFFFFF;
border-bottom:0;
}
.kpl-sh_link_btn_snb:hover{
border-color:transparent;
background:#9333EA;
}
.kpl-band_snb .kpl-sh_link_snb{
border-color:#F0ECFF;
color:#F0ECFF;
}
.kpl-band_snb .kpl-sh_link_chev_snb{
color:#C084FC;
}
.kpl-sh_rule_snb{
background:#2E2648;
margin:-2px 0 1rem;
height:1px;
}
.kpl-band_snb .kpl-sh_rule_snb{
background:rgba(255, 255, 255, 0.12);
}
.kpl-seo_grid3_snb{
grid-template-columns:repeat(3,1fr);
gap:20px;
display:grid;
}
.kpl-seo_grid4_snb{
gap:0.813rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.kpl-seo_grid3_snb>*,.kpl-seo_grid4_snb>*{
min-width:0;
}
.kpl-seo_card_snb{
border-radius:0.75rem;
padding:1.5rem;
background:#151122;
border:1px solid #2E2648;
}
.kpl-seo_card_snb h3{
font-size:1.125rem;
font-weight:700;
margin-bottom:8px;
color:#F0ECFF;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
}
.kpl-seo_card_snb p{
line-height:1.6;
color:#BDB5D8;
font-size:0.813rem;
}
.kpl-seo_card_sm_snb{
padding:20px;
}
.kpl-seo_card_sm_snb h3{
font-size:1rem;
}
.kpl-seo_card_sm_snb p{
font-size:12.5px;
line-height:1.55;
}
.kpl-seo_rtp_row_snb{
gap:36px;
grid-template-columns:1fr 1fr;
align-items:center;
display:grid;
margin-top:16px;
}
.kpl-rtp_snb{
gap:14px;
display:flex;
min-width:0;
}
.kpl-rtp_snb>div{
background:#0E0B1A;
flex:1;
padding:16px;
border-radius:12px;
text-align:center;
min-width:0;
}
.kpl-rtp_n_snb{
white-space:nowrap;
font-weight:700;
color:#A855F7;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
font-size:1.625rem;
}
.kpl-rtp_l_snb{
margin-top:4px;
font-size:11px;
color:#8A82A8;
}
.kpl-cmp_snb{
border-radius:0.75rem;
overflow:hidden;
border:1px solid #2E2648;
max-width:47.5rem;
}
.kpl-cmp_row_snb{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.kpl-cmp_row_snb>div{
padding:13px 0.875rem;
min-width:0;
text-align:center;
}
.kpl-cmp_row_snb>div:first-child{
font-weight:600;
text-align:left;
color:#F0ECFF;
padding-left:22px;
}
.kpl-cmp_th_snb{
background:#0E0B1A;
font-size:0.781rem;
font-weight:700;
}
.kpl-cmp_row_snb:not(.kpl-cmp_th_snb){
background:#151122;
border-top:1px solid #221C38;
color:#BDB5D8;
}
.kpl-cmp_zebra_snb{
background:#1A162B;
}
.kpl-guide_snb{
background:#151122;
overflow:hidden;
border:1px solid #2E2648;
border-radius:12px;
cursor:pointer;
}
.kpl-guide_cover_snb{
height:130px;
}
.kpl-guide_body_snb{
padding:20px;
}
.kpl-guide_body_snb h3{
margin:0.438rem 0 9px;
color:#F0ECFF;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
line-height:1.25;
font-weight:700;
font-size:1rem;
}
.kpl-guide_meta_snb{
color:#8A82A8;
font-size:11.5px;
}
.kpl-hub_snb{
gap:1.75rem;
grid-template-columns:repeat(5,1fr);
padding-top:1.75rem;
border-top:1px solid #221C38;
display:grid;
}
.kpl-hub_snb>*{
min-width:0;
}
.kpl-hub_snb h4{
color:#F0ECFF;
margin-bottom:11px;
font-weight:700;
font-size:13px;
}
.kpl-hub_col_snb{
gap:0.5rem;
font-size:0.813rem;
flex-direction:column;
display:flex;
color:#BDB5D8;
}
.kpl-hub_col_snb a{
cursor:pointer;
}
@media(max-width:1025px){
.kpl-seo_grid3_snb{
grid-template-columns:1fr;
}
.kpl-seo_grid4_snb{
grid-template-columns:repeat(2,1fr);
}
.kpl-seo_rtp_row_snb{
grid-template-columns:1fr;
gap:20px;
}
.kpl-hub_snb{
grid-template-columns:repeat(2,1fr);
gap:22px;
}
}
@media(max-width:560px){
.kpl-hub_snb{
grid-template-columns:1fr;
}
}
.kpl-hero_snb{
padding:46px 3rem;
background:linear-gradient(120deg,#130D2A,#0D0B22);
overflow:hidden;
border-radius:1.25rem;
border:1px solid #2E2648;
color:#F0ECFF;
position:relative;
}
.kpl-hero_glow_snb{
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
border-radius:50%;
right:-60px;
width:21.25rem;
position:absolute;
height:340px;
top:-3.75rem;
}
.kpl-hero_in_snb{
position:relative;
max-width:37.5rem;
}
.kpl-hero_snb .kpl-eyebrow_snb{
color:#C084FC;
}
.kpl-pill_row_snb{
padding:6px 0.813rem;
border-radius:62.438rem;
border:1px solid rgba(255, 255, 255, 0.12);
gap:8px;
background:rgba(255, 255, 255, 0.08);
align-items:center;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#C084FC;
text-transform:uppercase;
margin-bottom:1.375rem;
letter-spacing:.1em;
font-size:10.5px;
display:inline-flex;
}
.kpl-hero_h1_snb{
margin:18px 0;
font-weight:700;
font-size:54px;
color:#F0ECFF;
overflow-wrap:break-word;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
letter-spacing:-.02em;
line-height:1.02;
}
.kpl-hero_h1_snb em{
color:#C084FC;
font-style:normal;
}
.kpl-hero_sub_snb{
font-size:1.063rem;
max-width:30rem;
line-height:1.55;
margin-bottom:28px;
color:#A89FC4;
}
.kpl-hero_cta_snb{
gap:0.875rem;
display:flex;
align-items:center;
margin-bottom:26px;
flex-wrap:wrap;
}
.kpl-hero_trust_snb{
gap:14px;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.kpl-hero_rating_txt_snb{
color:#A89FC4;
font-size:0.813rem;
}
@media(max-width:1025px){
.kpl-hero_snb{
padding:32px 1.5rem;
}
.kpl-hero_h1_snb{
font-size:38px;
}
}
@media(max-width:560px){
.kpl-hero_h1_snb{
font-size:1.875rem;
}
}
.kpl-stat_snb{
gap:0.875rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.kpl-stat_snb>*{
min-width:0;
}
.kpl-stat_item_snb{
border:1px solid #2E2648;
padding:18px 20px;
border-radius:0.75rem;
background:#151122;
}
.kpl-stat_k_snb{
margin-bottom:7px;
font-size:0.594rem;
letter-spacing:.12em;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
color:#8A82A8;
}
.kpl-stat_v_snb{
gap:8px;
display:flex;
overflow-wrap:anywhere;
font-weight:700;
font-size:24px;
min-width:0;
color:#F0ECFF;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
align-items:center;
}
.kpl-stat_v_accent_snb{
color:#A855F7;
}
@media(max-width:1025px){
.kpl-stat_snb{
grid-template-columns:repeat(2,1fr);
}
}
.kpl-wlc_snb{
border:1px solid #2E2648;
overflow:hidden;
grid-template-columns:1.2fr .8fr;
gap:1.5rem;
background:linear-gradient(120deg,#130D2A,#0D0B22);
padding:2.25rem 2.5rem;
border-radius:1.25rem;
display:grid;
position:relative;
align-items:center;
color:#F0ECFF;
}
.kpl-wlc_snb>*{
min-width:0;
}
.kpl-wlc_snb .kpl-eyebrow_snb{
color:#C084FC;
}
.kpl-wlc_glow_snb{
border-radius:50%;
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
height:260px;
position:absolute;
width:260px;
right:-40px;
top:-40px;
}
.kpl-wlc_in_snb{
position:relative;
}
.kpl-wlc_h2_snb{
margin:0.625rem 0 0.5rem;
font-size:2.125rem;
font-weight:700;
overflow-wrap:break-word;
line-height:1.03;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
color:#F0ECFF;
}
.kpl-wlc_h2_snb em{
color:#C084FC;
font-style:normal;
}
.kpl-wlc_sub_snb{
color:#A89FC4;
margin-bottom:18px;
line-height:1.55;
font-size:0.875rem;
max-width:420px;
}
.kpl-wlc_terms_snb{
gap:10px;
flex-direction:column;
display:flex;
position:relative;
}
.kpl-term_snb{
padding:13px 0.938rem;
background:rgba(255, 255, 255, 0.08);
border:1px solid rgba(255, 255, 255, 0.12);
gap:0.688rem;
border-radius:0.75rem;
display:flex;
align-items:center;
}
.kpl-term_snb svg{
flex:none;
color:#C084FC;
width:1.25rem;
height:20px;
}
.kpl-term_k_snb{
color:#A89FC4;
letter-spacing:.1em;
font-size:9.5px;
text-transform:uppercase;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.kpl-term_v_snb{
color:#F0ECFF;
margin-top:2px;
font-size:14px;
font-weight:700;
}
@media(max-width:1025px){
.kpl-wlc_snb{
grid-template-columns:1fr;
}
}
@media(max-width:559px){
.kpl-wlc_h2_snb{
font-size:1.625rem;
}
}
.kpl-jp_snb{
grid-template-columns:1.5fr 1fr 1fr;
gap:14px;
display:grid;
}
.kpl-jp_snb>*{
min-width:0;
}
.kpl-jp_hero_snb{
gap:0.875rem;
padding:1.625rem;
background:linear-gradient(135deg,#130D2A,#0D0B22);
border-radius:1.25rem;
overflow:hidden;
border:1px solid #2E2648;
display:flex;
flex-direction:column;
color:#F0ECFF;
justify-content:space-between;
position:relative;
min-height:180px;
}
.kpl-jp_glow_snb{
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
border-radius:50%;
width:180px;
right:-2.5rem;
height:180px;
position:absolute;
top:-2.5rem;
}
.kpl-jp_k_row_snb{
gap:10px;
display:flex;
align-items:center;
position:relative;
justify-content:space-between;
}
.kpl-jp_k_snb{
font-size:0.625rem;
letter-spacing:.12em;
text-transform:uppercase;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#8A82A8;
}
.kpl-jp_hero_snb .kpl-jp_k_snb{
color:#A89FC4;
}
.kpl-jp_amt_snb{
line-height:1;
position:relative;
font-size:2.625rem;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#C084FC;
}
.kpl-jp_sub_snb{
color:#A89FC4;
margin-top:0.313rem;
font-size:0.75rem;
}
.kpl-jp_cell_snb{
padding:22px;
border-radius:20px;
border:1px solid #2E2648;
background:#151122;
flex-direction:column;
min-height:11.25rem;
display:flex;
justify-content:space-between;
}
.kpl-jp_cell_snb .kpl-jp_amt_snb{
color:#F0ECFF;
font-size:30px;
}
.kpl-jp_cell_snb .kpl-jp_sub_snb{
color:#8A82A8;
}
@media(max-width:1025px){
.kpl-jp_snb{
grid-template-columns:1fr;
}
}
@media(max-width:559px){
.kpl-jp_amt_snb{
font-size:32px;
}
}
.kpl-vip_head_snb{
gap:0.75rem;
align-items:flex-end;
flex-wrap:wrap;
margin-bottom:18px;
display:flex;
justify-content:space-between;
}
.kpl-vip_intro_snb{
color:#BDB5D8;
max-width:26.25rem;
font-size:13px;
}
.kpl-vip_snb{
grid-template-columns:repeat(5,1fr);
gap:0.75rem;
display:grid;
}
.kpl-vip_snb>*{
min-width:0;
}
.kpl-tier_snb{
background:#151122;
border-radius:12px;
border:1px solid #2E2648;
padding:20px;
}
.kpl-tier_on_snb{
background:rgba(168, 85, 247, 0.12);
border-color:#A855F7;
}
.kpl-tier_medal_snb{
background:linear-gradient(135deg,#A855F7,#7C3AED);
border-radius:0.5rem;
height:1.875rem;
width:30px;
margin-bottom:0.875rem;
}
.kpl-tier_name_snb{
font-size:15px;
color:#F0ECFF;
font-weight:700;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:0.313rem;
}
.kpl-tier_tx_snb{
line-height:1.5;
font-size:11.5px;
color:#8A82A8;
}
@media(max-width:1021px){
.kpl-vip_snb{
grid-template-columns:repeat(2,1fr);
}
}
.kpl-tour_snb{
grid-template-columns:1.05fr 1fr;
overflow:hidden;
border-radius:20px;
border:1px solid #2E2648;
display:grid;
}
.kpl-tour_snb>*{
min-width:0;
}
.kpl-tour_l_snb{
background:linear-gradient(135deg,#130D2A,#0D0B22);
overflow:hidden;
padding:34px;
color:#F0ECFF;
position:relative;
}
.kpl-tour_h2_snb{
margin:0.75rem 0 0.625rem;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
line-height:1.05;
color:#F0ECFF;
font-weight:700;
font-size:30px;
}
.kpl-tour_h2_snb em{
font-style:normal;
color:#C084FC;
}
.kpl-tour_text_snb{
margin-bottom:20px;
line-height:1.6;
max-width:340px;
color:#A89FC4;
font-size:13.5px;
}
.kpl-tour_meta_snb{
gap:1.125rem;
flex-wrap:wrap;
align-items:flex-end;
margin-bottom:20px;
display:flex;
}
.kpl-tour_cap_snb{
text-transform:uppercase;
color:#A89FC4;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:0.313rem;
font-size:0.594rem;
}
.kpl-count_snb{
gap:6px;
display:flex;
}
.kpl-count_snb span{
background:rgba(255, 255, 255, 0.08);
padding:4px 0.563rem;
border:1px solid rgba(255, 255, 255, 0.12);
border-radius:0.5rem;
font-size:22px;
font-weight:700;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.kpl-tour_units_snb{
color:#A89FC4;
font-size:0.625rem;
}
.kpl-board_snb{
padding:1.75rem 30px;
background:#151122;
}
.kpl-board_head_snb{
display:flex;
align-items:center;
margin-bottom:14px;
justify-content:space-between;
}
.kpl-board_title_snb{
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
color:#F0ECFF;
font-weight:700;
font-size:16px;
}
.kpl-board_upd_snb{
text-transform:uppercase;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#8A82A8;
font-size:10px;
}
.kpl-board_list_snb{
gap:2px;
flex-direction:column;
display:flex;
}
.kpl-board_row_snb{
padding:0.625rem 0.75rem;
gap:0.75rem;
border-radius:0.5rem;
align-items:center;
display:flex;
}
.kpl-board_top1_snb{
background:rgba(168, 85, 247, 0.12);
}
.kpl-board_rk_snb{
font-size:0.875rem;
width:1.25rem;
color:#8A82A8;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-weight:700;
}
.kpl-board_top1_snb .kpl-board_rk_snb{
color:#A855F7;
}
.kpl-board_nm_snb{
flex:1;
color:#BDB5D8;
font-size:0.844rem;
min-width:0;
font-weight:600;
}
.kpl-board_top1_snb .kpl-board_nm_snb{
font-weight:700;
color:#F0ECFF;
}
.kpl-board_pt_snb{
color:#BDB5D8;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.781rem;
}
@media(max-width:1024px){
.kpl-tour_snb{
grid-template-columns:1fr;
}
}
@media(max-width:559px){
.kpl-tour_h2_snb{
font-size:1.5rem;
}
}
.kpl-dw_h2_snb{
line-height:1.08;
font-weight:700;
color:#F0ECFF;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:10px;
font-size:1.625rem;
}
.kpl-steps_v_snb{
grid-template-columns:1fr;
gap:10px;
}
.kpl-steps_v_snb .kpl-step_snb{
padding:18px 1.25rem;
}
@media(max-width:563px){
.kpl-dw_h2_snb{
font-size:1.438rem;
}
}
.kpl-gm_snb{
gap:1rem;
grid-template-columns:1.3fr 1fr;
display:grid;
}
.kpl-gm_snb>*{
min-width:0;
}
.kpl-gm_panel_snb{
border-radius:20px;
padding:28px;
border:1px solid #2E2648;
background:#151122;
}
.kpl-gm_h2_snb{
margin:0.625rem 0 0.5rem;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:24px;
color:#F0ECFF;
}
.kpl-gm_text_snb{
color:#BDB5D8;
line-height:1.6;
margin-bottom:20px;
font-size:13.5px;
max-width:27.5rem;
}
.kpl-gm_level_snb{
gap:0.875rem;
margin-bottom:16px;
display:flex;
align-items:center;
}
.kpl-gm_lv_snb{
color:#A855F7;
font-size:24px;
font-weight:700;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
}
.kpl-gm_bar_wrap_snb{
flex:1;
min-width:0;
}
.kpl-gm_bar_meta_snb{
color:#8A82A8;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:0.313rem;
font-size:10px;
display:flex;
justify-content:space-between;
}
.kpl-bar_snb{
overflow:hidden;
border-radius:62.438rem;
background:#0E0B1A;
height:8px;
}
.kpl-bar_fill_snb{
background:linear-gradient(90deg,#A855F7,#7C3AED);
border-radius:999px;
display:block;
height:100%;
}
.kpl-gm_missions_snb{
gap:0.563rem;
flex-wrap:wrap;
display:flex;
}
.kpl-gm_refer_snb{
background:linear-gradient(150deg,#130D2A,#0D0B22);
border-radius:1.25rem;
border:1px solid #2E2648;
overflow:hidden;
padding:28px;
flex-direction:column;
color:#F0ECFF;
display:flex;
position:relative;
justify-content:space-between;
}
.kpl-gm_refer_snb .kpl-eyebrow_snb{
color:#C084FC;
}
.kpl-gm_ref_h2_snb{
margin:10px 0 0.5rem;
font-weight:700;
font-size:1.5rem;
line-height:1.1;
color:#F0ECFF;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
}
.kpl-gm_ref_h2_snb em{
font-style:normal;
color:#C084FC;
}
.kpl-gm_ref_text_snb{
font-size:13px;
margin-bottom:1.125rem;
color:#A89FC4;
line-height:1.55;
}
@media(max-width:1025px){
.kpl-gm_snb{
grid-template-columns:1fr;
}
}
.kpl-promo_grid_snb{
grid-template-columns:repeat(3,1fr);
gap:16px;
display:grid;
}
.kpl-promo_grid_snb>*{
min-width:0;
}
.kpl-promo_snb{
border-radius:1.25rem;
padding:24px;
overflow:hidden;
border:1px solid #2E2648;
background:#151122;
min-height:150px;
position:relative;
}
.kpl-promo_h_snb{
line-height:1.05;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
font-size:1.625rem;
color:#F0ECFF;
font-weight:700;
margin-top:0.375rem;
}
.kpl-promo_h_snb em{
font-style:normal;
color:#A855F7;
}
.kpl-promo_p_snb{
color:#BDB5D8;
font-size:12.5px;
line-height:1.5;
margin-top:0.5rem;
}
.kpl-promo_feat_snb{
background:linear-gradient(135deg,#130D2A,#0D0B22);
border-color:#2E2648;
}
.kpl-promo_feat_snb .kpl-promo_h_snb{
color:#F0ECFF;
}
.kpl-promo_feat_snb .kpl-promo_h_snb em{
color:#C084FC;
}
.kpl-promo_feat_snb .kpl-promo_p_snb{
color:#A89FC4;
}
.kpl-promo_feat_snb .kpl-eyebrow_snb{
color:#C084FC;
}
@media(max-width:1023px){
.kpl-promo_grid_snb{
grid-template-columns:1fr;
}
}
.kpl-supp_snb{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.kpl-supp_snb>*{
min-width:0;
}
.kpl-supp_card_snb{
border:1px solid #2E2648;
border-radius:12px;
background:#151122;
padding:1.5rem;
}
.kpl-supp_card_snb svg{
width:24px;
height:24px;
color:#A855F7;
margin-bottom:0.875rem;
}
.kpl-supp_card_snb h3{
font-weight:700;
font-size:16px;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:6px;
color:#F0ECFF;
}
.kpl-supp_card_snb p{
line-height:1.55;
color:#BDB5D8;
font-size:13px;
}
@media(max-width:1025px){
.kpl-supp_snb{
grid-template-columns:1fr;
}
}
.kpl-steps_snb{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.kpl-steps_snb>*{
min-width:0;
}
.kpl-step_snb{
border-radius:12px;
padding:1.5rem;
background:#151122;
border:1px solid #2E2648;
position:relative;
}
.kpl-step_num_snb{
border-radius:8px;
background:#A855F7;
margin-bottom:14px;
width:30px;
justify-content:center;
font-weight:700;
font-size:13px;
height:30px;
align-items:center;
color:#FFFFFF;
display:flex;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.kpl-step_h_snb{
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
color:#F0ECFF;
font-weight:700;
margin-bottom:7px;
font-size:16px;
}
.kpl-step_p_snb{
font-size:13px;
line-height:1.55;
color:#BDB5D8;
}
@media(max-width:1022px){
.kpl-steps_snb{
grid-template-columns:1fr;
}
}
.kpl-pay_logos_snb{
gap:0.563rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.kpl-pay_logos_snb>*{
min-width:0;
}
.kpl-pay_snb{
border-radius:8px;
border:1px solid #2E2648;
align-items:center;
color:#BDB5D8;
display:flex;
justify-content:center;
font-weight:700;
font-size:0.75rem;
height:48px;
}
.kpl-table_snb{
border-radius:0.75rem;
overflow:hidden;
border:1px solid #2E2648;
}
.kpl-trow_snb{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:13px;
}
.kpl-trow_snb>div{
padding:13px 0.875rem;
min-width:0;
}
.kpl-trow_snb>div:first-child{
font-weight:700;
color:#F0ECFF;
padding-left:16px;
}
.kpl-trow_th_snb{
background:#0E0B1A;
color:#8A82A8;
letter-spacing:.06em;
font-size:0.594rem;
text-transform:uppercase;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.kpl-trow_snb:not(.kpl-trow_th_snb){
background:#151122;
border-top:1px solid #221C38;
color:#BDB5D8;
}
.kpl-trow_zebra_snb{
background:#1A162B;
}
.kpl-pos_snb{
font-weight:700;
color:#A855F7;
}
@media(max-width:1023px){
.kpl-pay_logos_snb{
grid-template-columns:repeat(2,1fr);
}
}
.kpl-rv_head_snb{
gap:0.75rem;
margin-bottom:18px;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
align-items:flex-end;
}
.kpl-rv_agg_snb{
gap:0.625rem;
display:flex;
align-items:center;
}
.kpl-rv_source_snb{
color:#8A82A8;
font-size:12.5px;
}
.kpl-rv_grid_snb{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.kpl-rv_grid_snb>*{
min-width:0;
}
.kpl-review_snb{
background:#151122;
border:1px solid #2E2648;
border-radius:0.75rem;
padding:1.5rem;
}
.kpl-review_snb .kpl-stars_snb{
margin-bottom:0.625rem;
}
.kpl-review_snb p{
margin-bottom:14px;
font-weight:600;
line-height:1.5;
color:#F0ECFF;
font-size:0.906rem;
}
.kpl-review_by_snb{
font-size:12.5px;
color:#8A82A8;
}
@media(max-width:1025px){
.kpl-rv_grid_snb{
grid-template-columns:1fr;
}
}
.kpl-rc_snb{
gap:32px;
grid-template-columns:1fr 1fr 1fr;
display:grid;
}
.kpl-rc_snb>*{
min-width:0;
}
.kpl-rc_awards_snb{
gap:0.688rem;
flex-direction:column;
display:flex;
}
.kpl-award_snb{
gap:0.688rem;
display:flex;
align-items:center;
}
.kpl-award_snb svg{
flex:none;
height:1.125rem;
color:#F59E0B;
width:1.125rem;
}
.kpl-award_t_snb{
font-size:0.844rem;
font-weight:700;
color:#F0ECFF;
}
.kpl-award_s_snb{
font-size:11.5px;
color:#8A82A8;
}
.kpl-rc_press_snb{
grid-template-columns:1fr 1fr;
gap:0.625rem;
display:grid;
}
.kpl-logo_cell_snb{
border-radius:8px;
border:1px solid #2E2648;
font-weight:700;
font-size:13px;
align-items:center;
color:#BDB5D8;
height:3rem;
justify-content:center;
display:flex;
}
.kpl-rc_partner_snb{
padding:1.25rem;
border-radius:12px;
border:1px solid #2E2648;
background:#151122;
}
.kpl-rc_partner_name_snb{
font-size:18px;
margin-bottom:0.375rem;
color:#F0ECFF;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.kpl-rc_partner_text_snb{
font-size:0.781rem;
line-height:1.55;
color:#BDB5D8;
}
@media(max-width:1025px){
.kpl-rc_snb{
grid-template-columns:1fr;
gap:22px;
}
.kpl-rc_press_snb{
grid-template-columns:repeat(4,1fr);
}
}
.kpl-op_h2_snb{
margin:10px 0 8px;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
font-size:1.5rem;
line-height:1.1;
color:#F0ECFF;
font-weight:700;
}
.kpl-op_text_snb{
color:#BDB5D8;
line-height:1.6;
font-size:0.844rem;
}
@media(max-width:561px){
.kpl-op_h2_snb{
font-size:22px;
}
}
.kpl-provs_snb{
grid-template-columns:repeat(6,1fr);
gap:12px;
margin-bottom:1.75rem;
display:grid;
}
.kpl-provs_snb>*{
min-width:0;
}
.kpl-prov_snb{
padding:12px;
border-radius:12px;
border:1px solid #2E2648;
background:#151122;
justify-content:center;
display:flex;
text-decoration:none;
height:4rem;
align-items:center;
}
.kpl-prov_img_snb{
max-height:2rem;
max-width:100%;
object-fit:contain;
}
.kpl-resp_snb{
background:#151122;
border:1px solid #2E2648;
border-radius:12px;
padding:1.625rem;
gap:24px;
align-items:center;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.kpl-resp_in_snb{
max-width:560px;
}
.kpl-resp_h_snb{
color:#F0ECFF;
margin-bottom:0.5rem;
font-size:1.188rem;
font-weight:700;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
}
.kpl-resp_p_snb{
line-height:1.6;
color:#BDB5D8;
font-size:0.844rem;
}
.kpl-resp_badges_snb{
gap:14px;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.kpl-age18_snb{
border-radius:8px;
padding:0.25rem 0.5rem;
border:1.5px solid #EF4444;
font-size:0.813rem;
color:#EF4444;
font-weight:700;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.kpl-resp_org_snb{
color:#8A82A8;
font-size:0.813rem;
font-weight:600;
}
@media(max-width:1024px){
.kpl-provs_snb{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:561px){
.kpl-provs_snb{
grid-template-columns:repeat(2,1fr);
}
}
.kpl-ab_h2_snb{
margin:0.875rem 0 16px;
color:#F0ECFF;
font-size:2rem;
font-weight:700;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
line-height:1.08;
}
.kpl-ab_body_snb{
margin-bottom:0.875rem;
font-size:0.938rem;
line-height:1.65;
color:#BDB5D8;
}
.kpl-ab_chips_snb{
gap:10px;
display:flex;
margin-top:8px;
flex-wrap:wrap;
}
.kpl-faq_snb{
gap:0.625rem;
display:flex;
flex-direction:column;
}
.kpl-faq_item_snb{
border:1px solid #2E2648;
background:#151122;
padding:1.125rem 22px;
border-radius:0.75rem;
}
.kpl-faq_q_snb{
gap:16px;
list-style:none;
cursor:pointer;
font-weight:600;
justify-content:space-between;
display:flex;
align-items:center;
color:#F0ECFF;
font-size:15.5px;
}
.kpl-faq_q_snb::-webkit-details-marker{
display:none;
}
.kpl-faq_q_t_snb{
gap:10px;
display:flex;
}
.kpl-faq_q_i_snb{
font-style:normal;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#A855F7;
}
.kpl-faq_pm_snb{
color:#A855F7;
font-size:20px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
}
.kpl-faq_item_snb[open] .kpl-faq_pm_snb{
transform:rotate(45deg);
}
.kpl-faq_a_snb{
font-size:0.844rem;
color:#BDB5D8;
line-height:1.6;
margin-top:12px;
}
@media(max-width:563px){
.kpl-ab_h2_snb{
font-size:26px;
}
}
.kpl-gd_head_snb{
gap:0.75rem;
justify-content:space-between;
display:flex;
margin-bottom:16px;
align-items:center;
flex-wrap:wrap;
}
.kpl-et_h2_snb{
margin:10px 0 14px;
font-size:28px;
color:#F0ECFF;
line-height:1.08;
font-family:"Space Grotesk", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.kpl-et_right_snb{
gap:10px;
flex-direction:column;
display:flex;
}
.kpl-et_updated_snb{
border:1px solid #2E2648;
padding:14px 1.125rem;
gap:10px;
border-radius:0.75rem;
background:#0E0B1A;
font-size:0.75rem;
display:flex;
color:#BDB5D8;
align-items:center;
}
.kpl-et_updated_snb svg{
flex:none;
color:#A855F7;
height:15px;
width:0.938rem;
}
.kpl-et_updated_snb b{
color:#F0ECFF;
}
@media(max-width:561px){
.kpl-et_h2_snb{
font-size:24px;
}
}
.kpl-footer_snb{
background:#090712;
padding:2.5rem 1.75rem;
border-top:1px solid #221C38;
}
.kpl-footer_grid_snb{
gap:32px;
grid-template-columns:1.4fr 1fr 1fr 1fr;
max-width:1380px;
display:grid;
margin-bottom:1.75rem;
margin-right:auto;
margin-left:auto;
}
.kpl-footer_grid_snb>*{
min-width:0;
}
.kpl-footer_grid_snb h4{
text-transform:uppercase;
margin-bottom:13px;
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
color:#564F70;
font-size:0.625rem;
letter-spacing:.12em;
}
.kpl-fcol_snb{
gap:0.563rem;
display:flex;
font-size:13px;
color:#BDB5D8;
flex-direction:column;
}
.kpl-fcol_snb a{
cursor:pointer;
}
.kpl-ft_about_snb{
color:#8A82A8;
line-height:1.6;
max-width:260px;
font-size:13px;
margin-top:0.75rem;
}
.kpl-ft_contact_snb{
font-family:"IBM Plex Mono", Menlo, Monaco, Consolas, monospace;
margin-top:0.75rem;
overflow-wrap:anywhere;
font-size:12.5px;
color:#A855F7;
}
.kpl-footer_bottom_snb{
gap:16px;
margin:0 auto;
display:flex;
padding-top:1.25rem;
max-width:86.25rem;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
border-top:1px solid #221C38;
}
.kpl-footer_bottom_snb p{
color:#564F70;
max-width:720px;
line-height:1.6;
font-size:0.688rem;
}
@media(max-width:1023px){
.kpl-footer_grid_snb{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:558px){
.kpl-footer_grid_snb{
grid-template-columns:1fr;
}
}