*{
padding:0;
margin:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F4F7F2;
-webkit-font-smoothing:antialiased;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
color:#3A4D34;
line-height:1.55;
text-rendering:optimizeLegibility;
font-size:0.938rem;
overflow-wrap:break-word;
}
img{
display:block;
max-width:100%;
}
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(15, 26, 12, 0.72);
border-radius:0.5rem;
}
::-webkit-scrollbar-track{
background:transparent;
}
.xhs_shell-g8o{
grid-template-columns:15.5rem 1fr;
min-height:100vh;
display:grid;
}
.xhs_main-g8o{
min-width:0;
}
.xhs_wrap-g8o{
margin:0 auto;
max-width:1400px;
width:100%;
}
.xhs_container-g8o{
margin:0 auto;
padding:0 16px;
max-width:87.5rem;
width:100%;
}
@media(min-width:769px){
.xhs_container-g8o{
padding:0 28px;
}
}
.xhs_section-g8o{
padding:24px 1.75rem;
}
.xhs_section_pt-g8o{
padding-top:2.125rem;
}
.xhs_band_soft-g8o{
background:#FFFFFF;
}
.xhs_eyebrow-g8o{
text-transform:uppercase;
font-weight:600;
color:#4D8A00;
letter-spacing:.14em;
font-size:0.656rem;
line-height:1.4;
overflow-wrap:break-word;
display:inline-block;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
}
.xhs_drawer_cb-g8o{
display:none;
}
.xhs_overlay-g8o{
display:none;
}
@media(max-width:1022px){
.xhs_shell-g8o{
grid-template-columns:1fr;
}
.xhs_main-g8o{
padding-bottom:78px;
}
.xhs_drawer_cb-g8o:checked~.xhs_overlay-g8o{
inset:0;
background:rgba(15, 26, 12, 0.72);
z-index:70;
display:block;
position:fixed;
}
}
@media(max-width:561px){
.xhs_section-g8o{
padding:1.125rem 16px;
}
.xhs_section_pt-g8o{
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 ---------- */
.xhs_side-g8o{
gap:22px;
padding:1.375rem 1.125rem;
background:#EBF0E8;
flex-direction:column;
align-self:start;
border-right:1px solid rgba(26, 36, 22, 0.08);
display:flex;
overflow-y:auto;
top:0;
position:sticky;
height:100vh;
}
.xhs_brand-g8o{
gap:0.625rem;
align-items:center;
display:flex;
}
.xhs_logo-g8o{
letter-spacing:-.02em;
font-weight:700;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
color:#1A2416;
font-size:1.313rem;
}
.xhs_side_cta-g8o{
border-radius:0.813rem;
padding:16px;
border:1px solid rgba(26, 36, 22, 0.12);
background:rgba(77, 138, 0, 0.11);
}
.xhs_side_cta_h-g8o{
line-height:1.15;
font-weight:700;
font-size:1.063rem;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
color:#1A2416;
margin-bottom:0.375rem;
}
.xhs_side_cta_p-g8o{
margin-bottom:0.75rem;
font-size:12px;
line-height:1.45;
color:#3A4D34;
}
.xhs_nav-g8o{
gap:3px;
display:flex;
flex-direction:column;
}
.xhs_nav_label-g8o{
padding:0.375rem 0.625rem;
letter-spacing:.14em;
color:#8FA886;
font-size:9.5px;
text-transform:uppercase;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.xhs_nav_item-g8o{
padding:10px;
border-radius:8px;
gap:0.688rem;
color:#3A4D34;
font-weight:500;
display:flex;
align-items:center;
font-size:14px;
}
.xhs_nav_item-g8o svg{
width:1.063rem;
height:1.063rem;
}
.xhs_nav_item-g8o:hover{
background:rgba(77, 138, 0, 0.11);
color:#1A2416;
}
.xhs_nav_item_on-g8o{
background:rgba(77, 138, 0, 0.11);
font-weight:600;
color:#4D8A00;
}
.xhs_side_foot-g8o{
padding:0.75rem;
border-radius:0.813rem;
border:1px solid rgba(26, 36, 22, 0.12);
background:#FFFFFF;
margin-top:auto;
}
.xhs_side_foot-g8o p{
line-height:1.4;
margin-top:0.25rem;
color:#3A4D34;
font-size:12.5px;
}
/* ---------- topbar ---------- */
.xhs_top-g8o{
gap:16px;
background:#EBF0E8;
padding:0.875rem 1.75rem;
z-index:40;
border-bottom:1px solid rgba(26, 36, 22, 0.08);
position:sticky;
top:0;
align-items:center;
display:flex;
}
.xhs_top_brand-g8o{
gap:0.563rem;
align-items:center;
display:none;
}
.xhs_search-g8o{
flex:1;
border-radius:13px;
background:#FFFFFF;
gap:0.625rem;
border:1px solid rgba(26, 36, 22, 0.12);
padding:0.688rem 14px;
align-items:center;
display:flex;
font-size:13.5px;
color:#617A59;
max-width:27.5rem;
}
.xhs_search-g8o svg{
flex:none;
width:16px;
height:1rem;
}
.xhs_top_actions-g8o{
gap:0.75rem;
align-items:center;
display:flex;
margin-left:auto;
}
.xhs_lang-g8o{
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:12px;
color:#3A4D34;
}
.xhs_burger-g8o{
border-radius:8px;
background:#FFFFFF;
border:1px solid rgba(26, 36, 22, 0.12);
align-items:center;
justify-content:center;
color:#1A2416;
height:40px;
width:2.5rem;
display:none;
}
/* ---------- bottom-nav (mobile) ---------- */
.xhs_botnav-g8o{
display:none;
}
@media(max-width:1027px){
.xhs_side-g8o{
transition:transform .25s ease;
width:17.5rem;
height:100vh;
top:0;
z-index:80;
transform:translateX(-100%);
position:fixed;
left:0;
}
.xhs_drawer_cb-g8o:checked~.xhs_shell-g8o .xhs_side-g8o{
transform:translateX(0);
}
.xhs_top-g8o{
padding:14px 1rem;
gap:0.75rem;
flex-wrap:wrap;
position:static;
}
.xhs_top_brand-g8o{
display:flex;
}
.xhs_search-g8o{
display:none;
}
.xhs_burger-g8o{
display:flex;
}
.xhs_top_actions-g8o{
gap:10px;
width:100%;
align-items:stretch;
margin-left:0;
}
.xhs_top_actions-g8o .xhs_lang-g8o{
display:none;
}
.xhs_top_actions-g8o .xhs_btn-g8o{
flex:1;
padding:0.688rem 0.625rem;
text-align:center;
}
.xhs_botnav-g8o{
background:#EBF0E8;
padding:8px 6px calc(8px + env(safe-area-inset-bottom));
grid-template-columns:repeat(3,1fr);
left:0;
bottom:0;
z-index:65;
position:fixed;
transform:translateZ(0);
right:0;
border-top:1px solid rgba(26, 36, 22, 0.12);
display:grid;
}
.xhs_bn-g8o{
gap:0.25rem;
padding:6px 2px 0;
color:#3A4D34;
flex-direction:column;
min-width:0;
display:flex;
align-items:center;
font-size:10px;
font-weight:600;
justify-content:flex-end;
}
.xhs_bn-g8o svg{
flex:none;
height:1.375rem;
width:22px;
}
.xhs_bn-g8o span{
overflow:hidden;
text-overflow:ellipsis;
text-align:center;
max-width:100%;
white-space:nowrap;
}
.xhs_bn_on-g8o{
color:#4D8A00;
}
.xhs_bn_center-g8o{
position:relative;
}
.xhs_bn_fab-g8o{
border-radius:50%;
background:#84CC16;
align-items:center;
display:flex;
color:#0F1A0C;
top:-1.25rem;
width:50px;
left:50%;
transform:translateX(-50%);
box-shadow:0 0.5rem 32px rgba(26, 36, 22, 0.14), 0 2px 8px rgba(26, 36, 22, 0.10);
height:50px;
position:absolute;
justify-content:center;
}
.xhs_bn_fab-g8o svg{
height:24px;
width:1.5rem;
}
.xhs_bn_center-g8o span{
color:#4D8A00;
}
}
.xhs_btn-g8o{
border-radius:0.5rem;
transition:background-color 0.2s ease,color 0.2s ease;
gap:8px;
padding:0.688rem 22px;
display:inline-flex;
align-items:center;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
justify-content:center;
cursor:pointer;
font-size:14px;
}
.xhs_btn_pri-g8o{
background:#84CC16;
box-shadow:0 4px 18px rgba(132, 204, 22, 0.45), 0 2px 0.375rem rgba(132, 204, 22, 0.28);
color:#0F1A0C;
}
.xhs_btn_pri-g8o:hover{
background:#6AAF0D;
}
.xhs_btn_ghost-g8o{
background:rgba(77, 138, 0, 0.11);
color:#1A2416;
font-weight:600;
}
.xhs_btn_line-g8o{
background:transparent;
border:1px solid rgba(26, 36, 22, 0.22);
font-weight:600;
color:#1A2416;
}
.xhs_btn_lg-g8o{
padding:16px 1.875rem;
border-radius:0.813rem;
font-size:15px;
}
.xhs_band-g8o .xhs_btn_line-g8o{
border-color:rgba(255, 255, 255, 0.13);
color:#F0FAE8;
}
.xhs_band-g8o .xhs_btn_ghost-g8o{
background:rgba(255, 255, 255, 0.08);
color:#F0FAE8;
}
.xhs_link_m-g8o{
gap:5px;
display:inline-flex;
cursor:pointer;
color:#4D8A00;
align-items:center;
text-decoration:none;
font-size:12px;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.xhs_link_m-g8o svg{
height:0.875rem;
width:0.875rem;
}
.xhs_band-g8o .xhs_link_m-g8o{
color:#AEEA00;
}
.xhs_dot-g8o{
border-radius:50%;
flex:none;
background:#4D8A00;
width:0.438rem;
height:7px;
}
.xhs_dot_live-g8o{
animation:zm3-pulse 1.4s infinite;
background:#E53935;
}
.xhs_stars-g8o{
gap:2px;
display:inline-flex;
color:#4D8A00;
}
.xhs_stars-g8o svg{
height:0.938rem;
width:15px;
}
.xhs_chip-g8o{
border:1px solid rgba(26, 36, 22, 0.12);
padding:0.438rem 12px;
gap:0.375rem;
background:#FFFFFF;
border-radius:0.5rem;
display:inline-flex;
color:#3A4D34;
align-items:center;
font-size:11px;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.xhs_chip_on-g8o{
border-color:transparent;
background:rgba(77, 138, 0, 0.11);
color:#4D8A00;
}
.xhs_gc-g8o{
text-decoration:none;
display:block;
color:inherit;
min-width:0;
cursor:pointer;
}
.xhs_gc_thumb-g8o{
border-radius:0.813rem;
border:1px solid rgba(26, 36, 22, 0.12);
overflow:hidden;
background-size:cover;
aspect-ratio:1;
display:block;
background-position:center;
position:relative;
}
.xhs_gc_thumb_portrait-g8o{
aspect-ratio:3/4;
}
.xhs_gc_thumb_wide-g8o{
aspect-ratio:16/11;
}
.xhs_gc_cap-g8o{
padding:0.563rem;
background:linear-gradient(transparent,rgba(15, 26, 12, 0.72));
right:0;
left:0;
position:absolute;
bottom:0;
}
.xhs_gc_name-g8o{
display:block;
font-weight:700;
font-size:12.5px;
color:#F0FAE8;
}
.xhs_gc_meta-g8o{
font-size:11px;
color:#A8C99A;
}
.xhs_gc_badge-g8o{
border-radius:8px;
background:#4D8A00;
padding:2px 0.375rem;
position:absolute;
color:#0F1A0C;
font-weight:700;
right:8px;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:8px;
top:0.5rem;
}
.xhs_gc_badge_hot-g8o{
background:#E53935;
color:#F0FAE8;
}
.xhs_gc_badge_live-g8o{
background:#E53935;
color:#F0FAE8;
right:auto;
left:8px;
}
.xhs_gc_mult-g8o{
inset:0;
display:flex;
color:#4D8A00;
justify-content:center;
align-items:center;
font-weight:700;
position:absolute;
font-size:1.75rem;
}
.xhs_pc-g8o{
border:1px solid rgba(26, 36, 22, 0.12);
background:#FFFFFF;
border-radius:13px;
font-size:14px;
display:flex;
height:4rem;
color:#3A4D34;
font-weight:700;
justify-content:center;
align-items:center;
}
.xhs_rail-g8o{
min-width:0;
}
.xhs_rail_scroll-g8o{
gap:0.875rem;
display:grid;
}
.xhs_rail_scroll-g8o>*{
min-width:0;
}
.xhs_g6-g8o{
grid-template-columns:repeat(6,1fr);
}
.xhs_g7-g8o{
grid-template-columns:repeat(7,1fr);
}
.xhs_g4-g8o{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1026px){
.xhs_g6-g8o,.xhs_g7-g8o{
grid-template-columns:none;
overflow-x:auto;
grid-auto-flow:column;
grid-auto-columns:120px;
padding-bottom:0.375rem;
scroll-snap-type:x mandatory;
}
.xhs_g6-g8o>*,.xhs_g7-g8o>*{
scroll-snap-align:start;
}
.xhs_g4-g8o{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:558px){
.xhs_g4-g8o{
grid-template-columns:none;
overflow-x:auto;
grid-auto-flow:column;
grid-auto-columns:9.375rem;
}
}
.xhs_panel-g8o{
background:#FFFFFF;
border-radius:20px;
border:1px solid rgba(26, 36, 22, 0.12);
padding:1.75rem 32px;
}
.xhs_split-g8o{
gap:36px;
align-items:start;
display:grid;
}
.xhs_split-g8o>*{
min-width:0;
}
.xhs_split_a-g8o{
grid-template-columns:.85fr 1.15fr;
}
.xhs_split_b-g8o{
grid-template-columns:1fr 1.1fr;
}
.xhs_split_c-g8o{
grid-template-columns:1.1fr .9fr;
}
.xhs_pgrid-g8o{
grid-template-columns:.9fr 1.1fr;
gap:2.5rem;
display:grid;
align-items:center;
}
.xhs_pgrid-g8o>*{
min-width:0;
}
.xhs_lead-g8o{
margin-bottom:0.875rem;
color:#3A4D34;
font-size:0.938rem;
line-height:1.65;
}
.xhs_feat-g8o{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.xhs_feat-g8o>*{
min-width:0;
}
.xhs_feat2-g8o{
grid-template-columns:1fr 1fr;
}
.xhs_feat_card-g8o{
border-radius:20px;
background:#FFFFFF;
padding:1.625rem;
border:1px solid rgba(26, 36, 22, 0.12);
}
.xhs_feat_card-g8o svg{
width:26px;
margin-bottom:1rem;
color:#4D8A00;
height:1.625rem;
}
.xhs_feat_card-g8o h3{
color:#1A2416;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:0.5rem;
font-size:18px;
font-weight:700;
}
.xhs_feat_card-g8o p{
line-height:1.6;
font-size:13px;
color:#3A4D34;
}
.xhs_feat_card-g8o b{
color:#1A2416;
}
.xhs_big-g8o{
gap:22px;
flex-wrap:wrap;
display:flex;
}
.xhs_big_n-g8o{
color:#4D8A00;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:26px;
}
.xhs_big_l-g8o{
color:#617A59;
font-size:0.75rem;
}
.xhs_person-g8o{
border-radius:13px;
padding:16px 18px;
background:#FFFFFF;
gap:0.875rem;
border:1px solid rgba(26, 36, 22, 0.12);
align-items:center;
display:flex;
}
.xhs_avatar-g8o{
border-radius:50%;
background:linear-gradient(135deg,#84CC16,#4D8A00);
flex:none;
width:44px;
height:44px;
}
.xhs_person_name-g8o{
font-size:14px;
color:#1A2416;
font-weight:700;
}
.xhs_person_role-g8o{
color:#617A59;
font-size:12px;
}
.xhs_kv-g8o{
border:1px solid rgba(26, 36, 22, 0.12);
border-radius:13px;
background:rgba(26, 36, 22, 0.12);
overflow:hidden;
grid-template-columns:1fr 1fr;
gap:1px;
display:grid;
}
.xhs_kv-g8o>div{
background:#F4F7F2;
padding:1rem 1.125rem;
min-width:0;
}
.xhs_kv_k-g8o{
margin-bottom:0.313rem;
text-transform:uppercase;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:0.594rem;
color:#4D8A00;
}
.xhs_kv_v-g8o{
font-weight:700;
color:#1A2416;
font-size:13.5px;
}
@media(max-width:1022px){
.xhs_split_a-g8o,.xhs_split_b-g8o,.xhs_split_c-g8o,.xhs_pgrid-g8o{
gap:24px;
grid-template-columns:1fr;
}
.xhs_feat-g8o,.xhs_feat2-g8o{
grid-template-columns:1fr;
}
.xhs_kv-g8o{
grid-template-columns:1fr;
}
}
.xhs_sh-g8o{
min-width:0;
margin-bottom:16px;
}
.xhs_sh_row-g8o{
gap:12px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
}
.xhs_sh_row-g8o .xhs_sh_l-g8o{
gap:0.375rem;
min-width:0;
flex-direction:column;
display:flex;
}
.xhs_sh_stack-g8o{
gap:10px;
align-items:flex-start;
flex-direction:column;
display:flex;
}
.xhs_sh_center-g8o{
gap:10px;
display:flex;
align-items:center;
flex-direction:column;
text-align:center;
}
.xhs_sh_h2-g8o{
gap:9px;
font-weight:700;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
color:#1A2416;
display:flex;
overflow-wrap:break-word;
line-height:1.1;
font-size:20px;
align-items:center;
}
@media(min-width:769px){
.xhs_sh_h2-g8o{
font-size:1.5rem;
}
}
.xhs_band-g8o .xhs_sh_h2-g8o{
color:#F0FAE8;
}
.xhs_eb_mono-g8o{
text-transform:none;
letter-spacing:.08em;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.xhs_eb_mono-g8o::before{
content:"// ";
}
.xhs_eb_upper-g8o{
letter-spacing:.14em;
text-transform:uppercase;
}
.xhs_eb_pill-g8o{
padding:0.313rem 11px;
border-radius:999px;
background:rgba(77, 138, 0, 0.11);
letter-spacing:.12em;
text-transform:uppercase;
}
.xhs_eb_line-g8o{
gap:0.625rem;
align-items:center;
display:inline-flex;
}
.xhs_eb_line-g8o::before{
background:#4D8A00;
content:"";
height:1px;
width:1.5rem;
display:inline-block;
}
.xhs_band-g8o .xhs_eb_line-g8o::before{
background:#AEEA00;
}
.xhs_band-g8o .xhs_eb_pill-g8o{
background:rgba(255, 255, 255, 0.08);
}
.xhs_sh_link-g8o{
transition:color 0.2s ease,border-color 0.2s ease;
gap:0.375rem;
white-space:nowrap;
font-weight:600;
color:#1A2416;
align-items:center;
border-bottom:1px solid #1A2416;
padding-bottom:2px;
display:inline-flex;
font-size:0.813rem;
}
.xhs_sh_link-g8o:hover{
border-color:#4D8A00;
color:#4D8A00;
}
.xhs_sh_link-g8o svg{
height:14px;
width:0.875rem;
}
.xhs_sh_link_chev-g8o{
border-bottom:0;
font-size:0.75rem;
color:#4D8A00;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
padding-bottom:0;
}
.xhs_sh_link_btn-g8o{
background:#84CC16;
border-radius:62.438rem;
padding:0.563rem 18px;
color:#0F1A0C;
border-bottom:0;
}
.xhs_sh_link_btn-g8o:hover{
background:#6AAF0D;
border-color:transparent;
}
.xhs_band-g8o .xhs_sh_link-g8o{
border-color:#F0FAE8;
color:#F0FAE8;
}
.xhs_band-g8o .xhs_sh_link_chev-g8o{
color:#AEEA00;
}
.xhs_sh_rule-g8o{
background:rgba(26, 36, 22, 0.12);
margin:-2px 0 1rem;
height:1px;
}
.xhs_band-g8o .xhs_sh_rule-g8o{
background:rgba(255, 255, 255, 0.13);
}
.xhs_seo_grid3-g8o{
grid-template-columns:repeat(3,1fr);
gap:20px;
display:grid;
}
.xhs_seo_grid4-g8o{
grid-template-columns:repeat(4,1fr);
gap:13px;
display:grid;
}
.xhs_seo_grid3-g8o>*,.xhs_seo_grid4-g8o>*{
min-width:0;
}
.xhs_seo_card-g8o{
border-radius:13px;
padding:24px;
border:1px solid rgba(26, 36, 22, 0.12);
background:#FFFFFF;
}
.xhs_seo_card-g8o h3{
color:#1A2416;
margin-bottom:8px;
font-size:1.125rem;
font-weight:700;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
}
.xhs_seo_card-g8o p{
line-height:1.6;
font-size:0.813rem;
color:#3A4D34;
}
.xhs_seo_card_sm-g8o{
padding:20px;
}
.xhs_seo_card_sm-g8o h3{
font-size:1rem;
}
.xhs_seo_card_sm-g8o p{
font-size:12.5px;
line-height:1.55;
}
.xhs_seo_rtp_row-g8o{
grid-template-columns:1fr 1fr;
gap:36px;
display:grid;
align-items:center;
margin-top:16px;
}
.xhs_rtp-g8o{
gap:14px;
display:flex;
min-width:0;
}
.xhs_rtp-g8o>div{
flex:1;
border-radius:0.813rem;
padding:16px;
background:#F4F7F2;
min-width:0;
text-align:center;
}
.xhs_rtp_n-g8o{
color:#4D8A00;
font-weight:700;
white-space:nowrap;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
font-size:26px;
}
.xhs_rtp_l-g8o{
font-size:11px;
margin-top:0.25rem;
color:#617A59;
}
.xhs_cmp-g8o{
border-radius:0.813rem;
overflow:hidden;
border:1px solid rgba(26, 36, 22, 0.12);
max-width:760px;
}
.xhs_cmp_row-g8o{
grid-template-columns:1.6fr 1fr 1fr;
font-size:13px;
display:grid;
}
.xhs_cmp_row-g8o>div{
padding:0.813rem 0.875rem;
text-align:center;
min-width:0;
}
.xhs_cmp_row-g8o>div:first-child{
padding-left:1.375rem;
font-weight:600;
text-align:left;
color:#1A2416;
}
.xhs_cmp_th-g8o{
background:#F4F7F2;
font-size:0.781rem;
font-weight:700;
}
.xhs_cmp_row-g8o:not(.xhs_cmp_th-g8o){
background:#FFFFFF;
color:#3A4D34;
border-top:1px solid rgba(26, 36, 22, 0.08);
}
.xhs_cmp_zebra-g8o{
background:#EDF2EA;
}
.xhs_guide-g8o{
background:#FFFFFF;
border-radius:0.813rem;
overflow:hidden;
border:1px solid rgba(26, 36, 22, 0.12);
cursor:pointer;
}
.xhs_guide_cover-g8o{
height:8.125rem;
}
.xhs_guide_body-g8o{
padding:20px;
}
.xhs_guide_body-g8o h3{
margin:0.438rem 0 0.563rem;
color:#1A2416;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
line-height:1.25;
font-size:16px;
}
.xhs_guide_meta-g8o{
color:#617A59;
font-size:11.5px;
}
.xhs_hub-g8o{
grid-template-columns:repeat(5,1fr);
gap:1.75rem;
padding-top:28px;
display:grid;
border-top:1px solid rgba(26, 36, 22, 0.08);
}
.xhs_hub-g8o>*{
min-width:0;
}
.xhs_hub-g8o h4{
font-weight:700;
font-size:13px;
margin-bottom:0.688rem;
color:#1A2416;
}
.xhs_hub_col-g8o{
gap:0.5rem;
flex-direction:column;
display:flex;
font-size:0.813rem;
color:#3A4D34;
}
.xhs_hub_col-g8o a{
cursor:pointer;
}
@media(max-width:1022px){
.xhs_seo_grid3-g8o{
grid-template-columns:1fr;
}
.xhs_seo_grid4-g8o{
grid-template-columns:repeat(2,1fr);
}
.xhs_seo_rtp_row-g8o{
gap:20px;
grid-template-columns:1fr;
}
.xhs_hub-g8o{
grid-template-columns:repeat(2,1fr);
gap:1.375rem;
}
}
@media(max-width:561px){
.xhs_hub-g8o{
grid-template-columns:1fr;
}
}
.xhs_hero-g8o{
background:linear-gradient(120deg,#0F1A0C,#0D1C14);
border-radius:20px;
border:1px solid rgba(26, 36, 22, 0.12);
overflow:hidden;
padding:2.875rem 48px;
color:#F0FAE8;
position:relative;
}
.xhs_hero_glow-g8o{
border-radius:50%;
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 70%);
width:340px;
right:-60px;
position:absolute;
height:340px;
top:-60px;
}
.xhs_hero_in-g8o{
max-width:37.5rem;
position:relative;
}
.xhs_hero-g8o .xhs_eyebrow-g8o{
color:#AEEA00;
}
.xhs_pill_row-g8o{
background:rgba(255, 255, 255, 0.08);
gap:8px;
padding:0.375rem 0.813rem;
border-radius:62.438rem;
border:1px solid rgba(255, 255, 255, 0.13);
margin-bottom:22px;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
letter-spacing:.1em;
color:#AEEA00;
font-size:0.656rem;
text-transform:uppercase;
align-items:center;
display:inline-flex;
}
.xhs_hero_h1-g8o{
margin:1.125rem 0;
font-weight:700;
line-height:1.02;
letter-spacing:-.02em;
color:#F0FAE8;
font-size:54px;
overflow-wrap:break-word;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
}
.xhs_hero_h1-g8o em{
font-style:normal;
color:#AEEA00;
}
.xhs_hero_sub-g8o{
margin-bottom:1.75rem;
max-width:480px;
line-height:1.55;
font-size:1.063rem;
color:#A8C99A;
}
.xhs_hero_cta-g8o{
gap:14px;
flex-wrap:wrap;
margin-bottom:1.625rem;
align-items:center;
display:flex;
}
.xhs_hero_trust-g8o{
gap:0.875rem;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.xhs_hero_rating_txt-g8o{
color:#A8C99A;
font-size:13px;
}
@media(max-width:1022px){
.xhs_hero-g8o{
padding:32px 1.5rem;
}
.xhs_hero_h1-g8o{
font-size:2.375rem;
}
}
@media(max-width:560px){
.xhs_hero_h1-g8o{
font-size:30px;
}
}
.xhs_stat-g8o{
grid-template-columns:repeat(4,1fr);
gap:14px;
display:grid;
}
.xhs_stat-g8o>*{
min-width:0;
}
.xhs_stat_item-g8o{
border:1px solid rgba(26, 36, 22, 0.12);
border-radius:0.813rem;
padding:18px 1.25rem;
background:#FFFFFF;
}
.xhs_stat_k-g8o{
margin-bottom:7px;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
letter-spacing:.12em;
text-transform:uppercase;
font-size:0.594rem;
color:#617A59;
}
.xhs_stat_v-g8o{
gap:8px;
font-weight:700;
min-width:0;
color:#1A2416;
font-size:1.5rem;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
align-items:center;
overflow-wrap:anywhere;
display:flex;
}
.xhs_stat_v_accent-g8o{
color:#4D8A00;
}
@media(max-width:1025px){
.xhs_stat-g8o{
grid-template-columns:repeat(2,1fr);
}
}
.xhs_wlc-g8o{
overflow:hidden;
border-radius:1.25rem;
padding:2.25rem 40px;
grid-template-columns:1.2fr .8fr;
background:linear-gradient(120deg,#0F1A0C,#0D1C14);
gap:1.5rem;
border:1px solid rgba(26, 36, 22, 0.12);
align-items:center;
color:#F0FAE8;
display:grid;
position:relative;
}
.xhs_wlc-g8o>*{
min-width:0;
}
.xhs_wlc-g8o .xhs_eyebrow-g8o{
color:#AEEA00;
}
.xhs_wlc_glow-g8o{
border-radius:50%;
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 70%);
width:16.25rem;
height:16.25rem;
top:-40px;
position:absolute;
right:-2.5rem;
}
.xhs_wlc_in-g8o{
position:relative;
}
.xhs_wlc_h2-g8o{
margin:0.625rem 0 0.5rem;
font-size:34px;
font-weight:700;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
color:#F0FAE8;
line-height:1.03;
overflow-wrap:break-word;
}
.xhs_wlc_h2-g8o em{
color:#AEEA00;
font-style:normal;
}
.xhs_wlc_sub-g8o{
font-size:14px;
max-width:420px;
line-height:1.55;
color:#A8C99A;
margin-bottom:1.125rem;
}
.xhs_wlc_terms-g8o{
gap:0.625rem;
position:relative;
flex-direction:column;
display:flex;
}
.xhs_term-g8o{
border:1px solid rgba(255, 255, 255, 0.13);
background:rgba(255, 255, 255, 0.08);
padding:13px 15px;
gap:11px;
border-radius:0.813rem;
align-items:center;
display:flex;
}
.xhs_term-g8o svg{
flex:none;
width:1.25rem;
color:#AEEA00;
height:20px;
}
.xhs_term_k-g8o{
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
letter-spacing:.1em;
color:#A8C99A;
font-size:0.594rem;
}
.xhs_term_v-g8o{
font-size:0.875rem;
margin-top:2px;
font-weight:700;
color:#F0FAE8;
}
@media(max-width:1023px){
.xhs_wlc-g8o{
grid-template-columns:1fr;
}
}
@media(max-width:557px){
.xhs_wlc_h2-g8o{
font-size:1.625rem;
}
}
.xhs_jp-g8o{
gap:0.875rem;
grid-template-columns:1.5fr 1fr 1fr;
display:grid;
}
.xhs_jp-g8o>*{
min-width:0;
}
.xhs_jp_hero-g8o{
border:1px solid rgba(26, 36, 22, 0.12);
border-radius:1.25rem;
background:linear-gradient(135deg,#0F1A0C,#0D1C14);
padding:26px;
gap:14px;
overflow:hidden;
flex-direction:column;
display:flex;
position:relative;
min-height:11.25rem;
color:#F0FAE8;
justify-content:space-between;
}
.xhs_jp_glow-g8o{
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 70%);
border-radius:50%;
right:-40px;
top:-40px;
position:absolute;
width:180px;
height:11.25rem;
}
.xhs_jp_k_row-g8o{
gap:10px;
align-items:center;
position:relative;
display:flex;
justify-content:space-between;
}
.xhs_jp_k-g8o{
color:#617A59;
letter-spacing:.12em;
font-size:10px;
text-transform:uppercase;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.xhs_jp_hero-g8o .xhs_jp_k-g8o{
color:#A8C99A;
}
.xhs_jp_amt-g8o{
color:#AEEA00;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
position:relative;
line-height:1;
font-size:42px;
font-weight:700;
}
.xhs_jp_sub-g8o{
margin-top:0.313rem;
color:#A8C99A;
font-size:12px;
}
.xhs_jp_cell-g8o{
background:#FFFFFF;
border-radius:1.25rem;
border:1px solid rgba(26, 36, 22, 0.12);
padding:22px;
justify-content:space-between;
min-height:180px;
display:flex;
flex-direction:column;
}
.xhs_jp_cell-g8o .xhs_jp_amt-g8o{
font-size:30px;
color:#1A2416;
}
.xhs_jp_cell-g8o .xhs_jp_sub-g8o{
color:#617A59;
}
@media(max-width:1023px){
.xhs_jp-g8o{
grid-template-columns:1fr;
}
}
@media(max-width:558px){
.xhs_jp_amt-g8o{
font-size:32px;
}
}
.xhs_steps-g8o{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.xhs_steps-g8o>*{
min-width:0;
}
.xhs_step-g8o{
border:1px solid rgba(26, 36, 22, 0.12);
background:#FFFFFF;
padding:1.5rem;
border-radius:13px;
position:relative;
}
.xhs_step_num-g8o{
background:#84CC16;
border-radius:8px;
font-weight:700;
margin-bottom:14px;
font-size:0.813rem;
align-items:center;
color:#0F1A0C;
width:1.875rem;
height:30px;
justify-content:center;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
display:flex;
}
.xhs_step_h-g8o{
font-size:16px;
margin-bottom:7px;
color:#1A2416;
font-weight:700;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
}
.xhs_step_p-g8o{
font-size:13px;
color:#3A4D34;
line-height:1.55;
}
@media(max-width:1023px){
.xhs_steps-g8o{
grid-template-columns:1fr;
}
}
.xhs_app-g8o{
gap:36px;
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
}
.xhs_app_copy-g8o{
max-width:520px;
}
.xhs_app_h2-g8o{
margin:0.75rem 0 10px;
color:#1A2416;
font-weight:700;
line-height:1.05;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
font-size:1.75rem;
}
.xhs_app_text-g8o{
margin-bottom:1.25rem;
line-height:1.6;
color:#3A4D34;
font-size:0.875rem;
}
.xhs_app_btns-g8o{
gap:12px;
flex-wrap:wrap;
display:flex;
}
.xhs_store-g8o{
gap:0.563rem;
padding:0.688rem 18px;
border-radius:13px;
background:#F4F7F2;
border:1px solid rgba(26, 36, 22, 0.12);
display:inline-flex;
color:#1A2416;
cursor:pointer;
align-items:center;
font-weight:700;
font-size:13px;
}
.xhs_store-g8o svg{
height:16px;
width:1rem;
}
.xhs_app_qr_wrap-g8o{
gap:16px;
align-items:center;
display:flex;
}
.xhs_qr-g8o{
grid-template-rows:repeat(5,1fr);
grid-template-columns:repeat(5,1fr);
gap:3px;
padding:11px;
background:#F4F7F2;
border-radius:0.813rem;
border:1px solid rgba(26, 36, 22, 0.12);
height:108px;
width:108px;
display:grid;
}
.xhs_qr-g8o i{
background:transparent;
}
.xhs_qr_f-g8o{
background:#4D8A00;
}
.xhs_app_qr_cap-g8o{
color:#617A59;
max-width:5.25rem;
line-height:1.4;
font-size:12px;
}
.xhs_dw_h2-g8o{
margin-bottom:0.625rem;
font-weight:700;
color:#1A2416;
line-height:1.08;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
font-size:26px;
}
.xhs_steps_v-g8o{
gap:10px;
grid-template-columns:1fr;
}
.xhs_steps_v-g8o .xhs_step-g8o{
padding:1.125rem 20px;
}
@media(max-width:561px){
.xhs_dw_h2-g8o{
font-size:1.438rem;
}
}
.xhs_banner-g8o{
overflow:hidden;
gap:1.75rem;
border:1px solid rgba(26, 36, 22, 0.12);
background:linear-gradient(115deg,#0F1A0C,#0D1C14);
border-radius:20px;
padding:36px 40px;
position:relative;
flex-wrap:wrap;
justify-content:space-between;
color:#F0FAE8;
align-items:center;
display:flex;
}
.xhs_banner_glow-g8o{
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 68%);
border-radius:50%;
top:50%;
position:absolute;
right:5rem;
transform:translateY(-50%);
height:12.5rem;
width:12.5rem;
}
.xhs_banner_in-g8o{
position:relative;
max-width:35rem;
}
.xhs_banner-g8o .xhs_eyebrow-g8o{
color:#AEEA00;
}
.xhs_banner_h2-g8o{
margin:0.625rem 0;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
font-size:1.875rem;
color:#F0FAE8;
line-height:1.05;
font-weight:700;
}
.xhs_banner_text-g8o{
font-size:0.875rem;
color:#A8C99A;
line-height:1.6;
}
@media(max-width:558px){
.xhs_banner_h2-g8o{
font-size:1.5rem;
}
}
.xhs_pay_logos-g8o{
gap:9px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.xhs_pay_logos-g8o>*{
min-width:0;
}
.xhs_pay-g8o{
border-radius:8px;
border:1px solid rgba(26, 36, 22, 0.12);
height:48px;
font-size:0.75rem;
align-items:center;
display:flex;
color:#3A4D34;
font-weight:700;
justify-content:center;
}
.xhs_table-g8o{
border:1px solid rgba(26, 36, 22, 0.12);
overflow:hidden;
border-radius:13px;
}
.xhs_trow-g8o{
grid-template-columns:1.3fr 1fr 1fr 1fr;
font-size:13px;
display:grid;
}
.xhs_trow-g8o>div{
padding:0.813rem 14px;
min-width:0;
}
.xhs_trow-g8o>div:first-child{
padding-left:16px;
font-weight:700;
color:#1A2416;
}
.xhs_trow_th-g8o{
background:#F4F7F2;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
letter-spacing:.06em;
color:#617A59;
font-size:9.5px;
}
.xhs_trow-g8o:not(.xhs_trow_th-g8o){
background:#FFFFFF;
border-top:1px solid rgba(26, 36, 22, 0.08);
color:#3A4D34;
}
.xhs_trow_zebra-g8o{
background:#EDF2EA;
}
.xhs_pos-g8o{
font-weight:700;
color:#4D8A00;
}
@media(max-width:1021px){
.xhs_pay_logos-g8o{
grid-template-columns:repeat(2,1fr);
}
}
.xhs_vip_head-g8o{
gap:0.75rem;
flex-wrap:wrap;
margin-bottom:18px;
display:flex;
align-items:flex-end;
justify-content:space-between;
}
.xhs_vip_intro-g8o{
font-size:13px;
color:#3A4D34;
max-width:420px;
}
.xhs_vip-g8o{
grid-template-columns:repeat(5,1fr);
gap:0.75rem;
display:grid;
}
.xhs_vip-g8o>*{
min-width:0;
}
.xhs_tier-g8o{
padding:20px;
border-radius:13px;
background:#FFFFFF;
border:1px solid rgba(26, 36, 22, 0.12);
}
.xhs_tier_on-g8o{
border-color:#4D8A00;
background:rgba(77, 138, 0, 0.11);
}
.xhs_tier_medal-g8o{
background:linear-gradient(135deg,#84CC16,#4D8A00);
border-radius:0.5rem;
height:30px;
margin-bottom:0.875rem;
width:1.875rem;
}
.xhs_tier_name-g8o{
font-size:15px;
color:#1A2416;
font-weight:700;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:0.313rem;
}
.xhs_tier_tx-g8o{
line-height:1.5;
font-size:11.5px;
color:#617A59;
}
@media(max-width:1023px){
.xhs_vip-g8o{
grid-template-columns:repeat(2,1fr);
}
}
.xhs_promo_grid-g8o{
gap:1rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.xhs_promo_grid-g8o>*{
min-width:0;
}
.xhs_promo-g8o{
border:1px solid rgba(26, 36, 22, 0.12);
border-radius:1.25rem;
padding:1.5rem;
background:#FFFFFF;
overflow:hidden;
position:relative;
min-height:9.375rem;
}
.xhs_promo_h-g8o{
color:#1A2416;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
margin-top:0.375rem;
line-height:1.05;
font-weight:700;
font-size:1.625rem;
}
.xhs_promo_h-g8o em{
color:#4D8A00;
font-style:normal;
}
.xhs_promo_p-g8o{
line-height:1.5;
color:#3A4D34;
margin-top:8px;
font-size:12.5px;
}
.xhs_promo_feat-g8o{
border-color:rgba(26, 36, 22, 0.12);
background:linear-gradient(135deg,#0F1A0C,#0D1C14);
}
.xhs_promo_feat-g8o .xhs_promo_h-g8o{
color:#F0FAE8;
}
.xhs_promo_feat-g8o .xhs_promo_h-g8o em{
color:#AEEA00;
}
.xhs_promo_feat-g8o .xhs_promo_p-g8o{
color:#A8C99A;
}
.xhs_promo_feat-g8o .xhs_eyebrow-g8o{
color:#AEEA00;
}
@media(max-width:1024px){
.xhs_promo_grid-g8o{
grid-template-columns:1fr;
}
}
.xhs_supp-g8o{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.xhs_supp-g8o>*{
min-width:0;
}
.xhs_supp_card-g8o{
border:1px solid rgba(26, 36, 22, 0.12);
background:#FFFFFF;
border-radius:0.813rem;
padding:1.5rem;
}
.xhs_supp_card-g8o svg{
height:1.5rem;
width:1.5rem;
margin-bottom:14px;
color:#4D8A00;
}
.xhs_supp_card-g8o h3{
margin-bottom:0.375rem;
font-size:16px;
color:#1A2416;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.xhs_supp_card-g8o p{
font-size:0.813rem;
line-height:1.55;
color:#3A4D34;
}
@media(max-width:1022px){
.xhs_supp-g8o{
grid-template-columns:1fr;
}
}
.xhs_gm-g8o{
grid-template-columns:1.3fr 1fr;
gap:16px;
display:grid;
}
.xhs_gm-g8o>*{
min-width:0;
}
.xhs_gm_panel-g8o{
background:#FFFFFF;
border-radius:1.25rem;
padding:1.75rem;
border:1px solid rgba(26, 36, 22, 0.12);
}
.xhs_gm_h2-g8o{
margin:0.625rem 0 0.5rem;
font-size:24px;
color:#1A2416;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.xhs_gm_text-g8o{
margin-bottom:20px;
max-width:440px;
color:#3A4D34;
line-height:1.6;
font-size:0.844rem;
}
.xhs_gm_level-g8o{
gap:0.875rem;
margin-bottom:1rem;
display:flex;
align-items:center;
}
.xhs_gm_lv-g8o{
font-weight:700;
font-size:1.5rem;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
color:#4D8A00;
}
.xhs_gm_bar_wrap-g8o{
flex:1;
min-width:0;
}
.xhs_gm_bar_meta-g8o{
margin-bottom:0.313rem;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
display:flex;
justify-content:space-between;
font-size:0.625rem;
color:#617A59;
}
.xhs_bar-g8o{
background:#F4F7F2;
overflow:hidden;
border-radius:62.438rem;
height:8px;
}
.xhs_bar_fill-g8o{
border-radius:62.438rem;
background:linear-gradient(90deg,#84CC16,#4D8A00);
display:block;
height:100%;
}
.xhs_gm_missions-g8o{
gap:9px;
display:flex;
flex-wrap:wrap;
}
.xhs_gm_refer-g8o{
padding:1.75rem;
border-radius:1.25rem;
background:linear-gradient(150deg,#0F1A0C,#0D1C14);
overflow:hidden;
border:1px solid rgba(26, 36, 22, 0.12);
justify-content:space-between;
position:relative;
flex-direction:column;
color:#F0FAE8;
display:flex;
}
.xhs_gm_refer-g8o .xhs_eyebrow-g8o{
color:#AEEA00;
}
.xhs_gm_ref_h2-g8o{
margin:10px 0 8px;
font-size:1.5rem;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
color:#F0FAE8;
font-weight:700;
line-height:1.1;
}
.xhs_gm_ref_h2-g8o em{
color:#AEEA00;
font-style:normal;
}
.xhs_gm_ref_text-g8o{
line-height:1.55;
color:#A8C99A;
font-size:0.813rem;
margin-bottom:1.125rem;
}
@media(max-width:1025px){
.xhs_gm-g8o{
grid-template-columns:1fr;
}
}
.xhs_news-g8o{
border-radius:1.25rem;
gap:24px;
padding:1.625rem 32px;
border:1px solid rgba(26, 36, 22, 0.12);
background:linear-gradient(135deg,#0F1A0C,#0D1C14);
display:flex;
justify-content:space-between;
color:#F0FAE8;
flex-wrap:wrap;
align-items:center;
}
.xhs_news_h3-g8o{
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
margin-bottom:4px;
color:#F0FAE8;
font-size:1.25rem;
}
.xhs_news_text-g8o{
font-size:0.813rem;
color:#A8C99A;
}
.xhs_news_form-g8o{
flex:1;
gap:10px;
max-width:440px;
display:flex;
min-width:0;
}
.xhs_news_form-g8o .xhs_input-g8o{
min-width:0;
}
@media(max-width:561px){
.xhs_news_form-g8o{
width:100%;
}
}
.xhs_input-g8o{
padding:13px 16px;
border:1px solid rgba(255, 255, 255, 0.13);
border-radius:8px;
background:rgba(255, 255, 255, 0.08);
flex:1;
font-size:0.844rem;
color:#A8C99A;
}
.xhs_ab_h2-g8o{
margin:14px 0 1rem;
font-size:32px;
font-weight:700;
line-height:1.08;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
color:#1A2416;
}
.xhs_ab_body-g8o{
font-size:15px;
line-height:1.65;
color:#3A4D34;
margin-bottom:14px;
}
.xhs_ab_chips-g8o{
gap:10px;
margin-top:8px;
flex-wrap:wrap;
display:flex;
}
.xhs_faq-g8o{
gap:0.625rem;
flex-direction:column;
display:flex;
}
.xhs_faq_item-g8o{
padding:1.125rem 1.375rem;
background:#FFFFFF;
border-radius:13px;
border:1px solid rgba(26, 36, 22, 0.12);
}
.xhs_faq_q-g8o{
list-style:none;
gap:16px;
color:#1A2416;
font-size:15.5px;
align-items:center;
font-weight:600;
display:flex;
justify-content:space-between;
cursor:pointer;
}
.xhs_faq_q-g8o::-webkit-details-marker{
display:none;
}
.xhs_faq_q_t-g8o{
gap:0.625rem;
display:flex;
}
.xhs_faq_q_i-g8o{
color:#4D8A00;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-style:normal;
}
.xhs_faq_pm-g8o{
font-size:1.25rem;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#4D8A00;
}
.xhs_faq_item-g8o[open] .xhs_faq_pm-g8o{
transform:rotate(45deg);
}
.xhs_faq_a-g8o{
line-height:1.6;
color:#3A4D34;
margin-top:12px;
font-size:13.5px;
}
@media(max-width:561px){
.xhs_ab_h2-g8o{
font-size:1.625rem;
}
}
.xhs_provs-g8o{
grid-template-columns:repeat(6,1fr);
gap:0.75rem;
margin-bottom:1.75rem;
display:grid;
}
.xhs_provs-g8o>*{
min-width:0;
}
.xhs_prov-g8o{
border:1px solid rgba(26, 36, 22, 0.12);
background:#FFFFFF;
border-radius:0.813rem;
padding:0.75rem;
display:flex;
text-decoration:none;
justify-content:center;
height:4rem;
align-items:center;
}
.xhs_prov_img-g8o{
max-width:100%;
max-height:2rem;
object-fit:contain;
}
.xhs_resp-g8o{
background:#FFFFFF;
padding:1.625rem;
border-radius:0.813rem;
border:1px solid rgba(26, 36, 22, 0.12);
gap:24px;
flex-wrap:wrap;
align-items:center;
display:flex;
justify-content:space-between;
}
.xhs_resp_in-g8o{
max-width:35rem;
}
.xhs_resp_h-g8o{
font-size:1.188rem;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:0.5rem;
font-weight:700;
color:#1A2416;
}
.xhs_resp_p-g8o{
color:#3A4D34;
font-size:0.844rem;
line-height:1.6;
}
.xhs_resp_badges-g8o{
gap:14px;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.xhs_age18-g8o{
border-radius:0.5rem;
padding:0.25rem 0.5rem;
border:1.5px solid #E53935;
font-size:13px;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#E53935;
font-weight:700;
}
.xhs_resp_org-g8o{
color:#617A59;
font-size:13px;
font-weight:600;
}
@media(max-width:1026px){
.xhs_provs-g8o{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:558px){
.xhs_provs-g8o{
grid-template-columns:repeat(2,1fr);
}
}
.xhs_et_h2-g8o{
margin:0.625rem 0 0.875rem;
font-weight:700;
font-size:1.75rem;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
color:#1A2416;
line-height:1.08;
}
.xhs_et_right-g8o{
gap:10px;
flex-direction:column;
display:flex;
}
.xhs_et_updated-g8o{
border-radius:13px;
padding:14px 1.125rem;
background:#F4F7F2;
gap:10px;
border:1px solid rgba(26, 36, 22, 0.12);
display:flex;
align-items:center;
font-size:0.75rem;
color:#3A4D34;
}
.xhs_et_updated-g8o svg{
flex:none;
color:#4D8A00;
height:0.938rem;
width:0.938rem;
}
.xhs_et_updated-g8o b{
color:#1A2416;
}
@media(max-width:558px){
.xhs_et_h2-g8o{
font-size:24px;
}
}
.xhs_gd_head-g8o{
gap:0.75rem;
margin-bottom:16px;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
align-items:center;
}
.xhs_op_h2-g8o{
margin:0.625rem 0 8px;
font-size:1.5rem;
color:#1A2416;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
line-height:1.1;
font-weight:700;
}
.xhs_op_text-g8o{
line-height:1.6;
color:#3A4D34;
font-size:0.844rem;
}
@media(max-width:557px){
.xhs_op_h2-g8o{
font-size:22px;
}
}
.xhs_rv_head-g8o{
gap:0.75rem;
display:flex;
margin-bottom:1.125rem;
align-items:flex-end;
flex-wrap:wrap;
justify-content:space-between;
}
.xhs_rv_agg-g8o{
gap:10px;
display:flex;
align-items:center;
}
.xhs_rv_source-g8o{
color:#617A59;
font-size:12.5px;
}
.xhs_rv_grid-g8o{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.xhs_rv_grid-g8o>*{
min-width:0;
}
.xhs_review-g8o{
background:#FFFFFF;
border:1px solid rgba(26, 36, 22, 0.12);
border-radius:13px;
padding:1.5rem;
}
.xhs_review-g8o .xhs_stars-g8o{
margin-bottom:0.625rem;
}
.xhs_review-g8o p{
color:#1A2416;
font-weight:600;
margin-bottom:14px;
font-size:0.906rem;
line-height:1.5;
}
.xhs_review_by-g8o{
font-size:0.781rem;
color:#617A59;
}
@media(max-width:1025px){
.xhs_rv_grid-g8o{
grid-template-columns:1fr;
}
}
.xhs_rc-g8o{
grid-template-columns:1fr 1fr 1fr;
gap:2rem;
display:grid;
}
.xhs_rc-g8o>*{
min-width:0;
}
.xhs_rc_awards-g8o{
gap:0.688rem;
display:flex;
flex-direction:column;
}
.xhs_award-g8o{
gap:11px;
display:flex;
align-items:center;
}
.xhs_award-g8o svg{
flex:none;
color:#EAB308;
width:1.125rem;
height:1.125rem;
}
.xhs_award_t-g8o{
font-weight:700;
font-size:0.844rem;
color:#1A2416;
}
.xhs_award_s-g8o{
font-size:11.5px;
color:#617A59;
}
.xhs_rc_press-g8o{
grid-template-columns:1fr 1fr;
gap:0.625rem;
display:grid;
}
.xhs_logo_cell-g8o{
border-radius:8px;
border:1px solid rgba(26, 36, 22, 0.12);
display:flex;
justify-content:center;
color:#3A4D34;
height:3rem;
align-items:center;
font-size:13px;
font-weight:700;
}
.xhs_rc_partner-g8o{
border:1px solid rgba(26, 36, 22, 0.12);
background:#FFFFFF;
border-radius:0.813rem;
padding:1.25rem;
}
.xhs_rc_partner_name-g8o{
margin-bottom:6px;
font-family:"Plus Jakarta Sans", 'Helvetica Neue', Arial, sans-serif;
color:#1A2416;
font-size:1.125rem;
font-weight:700;
}
.xhs_rc_partner_text-g8o{
line-height:1.55;
color:#3A4D34;
font-size:0.781rem;
}
@media(max-width:1025px){
.xhs_rc-g8o{
grid-template-columns:1fr;
gap:22px;
}
.xhs_rc_press-g8o{
grid-template-columns:repeat(4,1fr);
}
}
.xhs_footer-g8o{
padding:40px 28px;
background:#D8E2D3;
border-top:1px solid rgba(26, 36, 22, 0.08);
}
.xhs_footer_grid-g8o{
gap:2rem;
grid-template-columns:1.4fr 1fr 1fr 1fr;
display:grid;
margin-right:auto;
margin-bottom:1.75rem;
margin-left:auto;
max-width:1400px;
}
.xhs_footer_grid-g8o>*{
min-width:0;
}
.xhs_footer_grid-g8o h4{
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
margin-bottom:0.813rem;
color:#8FA886;
letter-spacing:.12em;
text-transform:uppercase;
font-size:0.625rem;
}
.xhs_fcol-g8o{
gap:0.563rem;
color:#3A4D34;
flex-direction:column;
display:flex;
font-size:13px;
}
.xhs_fcol-g8o a{
cursor:pointer;
}
.xhs_ft_about-g8o{
color:#617A59;
margin-top:12px;
line-height:1.6;
max-width:260px;
font-size:13px;
}
.xhs_ft_contact-g8o{
font-size:0.781rem;
font-family:"JetBrains Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
overflow-wrap:anywhere;
color:#4D8A00;
margin-top:12px;
}
.xhs_footer_bottom-g8o{
margin:0 auto;
gap:16px;
display:flex;
justify-content:space-between;
max-width:1400px;
padding-top:20px;
flex-wrap:wrap;
border-top:1px solid rgba(26, 36, 22, 0.08);
align-items:center;
}
.xhs_footer_bottom-g8o p{
color:#8FA886;
line-height:1.6;
font-size:0.688rem;
max-width:45rem;
}
@media(max-width:1026px){
.xhs_footer_grid-g8o{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:558px){
.xhs_footer_grid-g8o{
grid-template-columns:1fr;
}
}