*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F4F7F2;
color:#3A4D36;
font-size:0.938rem;
overflow-wrap:break-word;
font-family:"DM Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.55;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}
img{
display:block;
max-width:100%;
}
a{
color:inherit;
text-decoration:none;
}
button{
background:none;
border:none;
font-family:inherit;
cursor:pointer;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
width:0.5rem;
height:8px;
}
::-webkit-scrollbar-thumb{
border-radius:0.5rem;
background:rgba(15, 24, 12, 0.68);
}
::-webkit-scrollbar-track{
background:transparent;
}
.zhp-shellal9{
grid-template-columns:248px 1fr;
display:grid;
min-height:100vh;
}
.zhp-mainal9{
min-width:0;
}
.zhp-wrapal9{
margin:0 auto;
max-width:1400px;
width:100%;
}
.zhp-containeral9{
padding:0 1rem;
margin:0 auto;
max-width:1400px;
width:100%;
}
@media(min-width:766px){
.zhp-containeral9{
padding:0 28px;
}
}
.zhp-sectional9{
padding:24px 28px;
}
.zhp-section_ptal9{
padding-top:2.125rem;
}
.zhp-band_softal9{
background:#FFFFFF;
}
.zhp-eyebrowal9{
text-transform:uppercase;
line-height:1.4;
color:#4A8C00;
display:inline-block;
overflow-wrap:break-word;
font-weight:600;
letter-spacing:.14em;
font-family:"DM Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:10.5px;
}
.zhp-drawer_cbal9{
display:none;
}
.zhp-overlayal9{
display:none;
}
@media(max-width:1024px){
.zhp-shellal9{
grid-template-columns:1fr;
}
.zhp-mainal9{
padding-bottom:4.875rem;
}
.zhp-drawer_cbal9:checked~.zhp-overlayal9{
inset:0;
background:rgba(15, 24, 12, 0.68);
display:block;
position:fixed;
z-index:70;
}
}
@media(max-width:558px){
.zhp-sectional9{
padding:1.125rem 16px;
}
.zhp-section_ptal9{
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 ---------- */
.zhp-sideal9{
background:#EEF3EC;
gap:1.375rem;
padding:22px 1.125rem;
position:sticky;
height:100vh;
overflow-y:auto;
border-right:1px solid rgba(26, 35, 24, 0.08);
top:0;
display:flex;
flex-direction:column;
align-self:start;
}
.zhp-brandal9{
gap:10px;
display:flex;
align-items:center;
}
.zhp-logoal9{
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
font-size:21px;
letter-spacing:-.02em;
color:#1A2318;
}
.zhp-side_ctaal9{
border:1px solid rgba(26, 35, 24, 0.12);
padding:1rem;
background:rgba(74, 140, 0, 0.11);
border-radius:0.813rem;
}
.zhp-side_cta_hal9{
font-weight:700;
color:#1A2318;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:6px;
line-height:1.15;
font-size:17px;
}
.zhp-side_cta_pal9{
margin-bottom:12px;
font-size:0.75rem;
line-height:1.45;
color:#3A4D36;
}
.zhp-naval9{
gap:3px;
display:flex;
flex-direction:column;
}
.zhp-nav_labelal9{
padding:0.375rem 10px;
letter-spacing:.14em;
color:#8FA889;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:9.5px;
text-transform:uppercase;
}
.zhp-nav_itemal9{
padding:0.625rem;
border-radius:0.563rem;
gap:0.688rem;
font-size:0.875rem;
font-weight:500;
color:#3A4D36;
align-items:center;
display:flex;
}
.zhp-nav_itemal9 svg{
height:1.063rem;
width:17px;
}
.zhp-nav_itemal9:hover{
background:rgba(74, 140, 0, 0.11);
color:#1A2318;
}
.zhp-nav_item_onal9{
background:rgba(74, 140, 0, 0.11);
font-weight:600;
color:#4A8C00;
}
.zhp-side_footal9{
padding:12px;
border:1px solid rgba(26, 35, 24, 0.12);
border-radius:0.813rem;
background:#FFFFFF;
margin-top:auto;
}
.zhp-side_footal9 p{
font-size:0.781rem;
line-height:1.4;
margin-top:0.25rem;
color:#3A4D36;
}
/* ---------- topbar ---------- */
.zhp-topal9{
padding:0.875rem 1.75rem;
gap:1rem;
background:#EEF3EC;
z-index:40;
align-items:center;
border-bottom:1px solid rgba(26, 35, 24, 0.08);
top:0;
display:flex;
position:sticky;
}
.zhp-top_brandal9{
gap:9px;
display:none;
align-items:center;
}
.zhp-searchal9{
gap:0.625rem;
border-radius:0.813rem;
padding:11px 0.875rem;
background:#FFFFFF;
flex:1;
border:1px solid rgba(26, 35, 24, 0.12);
max-width:27.5rem;
align-items:center;
display:flex;
font-size:13.5px;
color:#627A5C;
}
.zhp-searchal9 svg{
flex:none;
width:16px;
height:1rem;
}
.zhp-top_actionsal9{
gap:12px;
margin-left:auto;
display:flex;
align-items:center;
}
.zhp-langal9{
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#3A4D36;
font-size:0.75rem;
}
.zhp-burgeral9{
border:1px solid rgba(26, 35, 24, 0.12);
border-radius:0.563rem;
background:#FFFFFF;
color:#1A2318;
height:2.5rem;
width:40px;
justify-content:center;
align-items:center;
display:none;
}
/* ---------- bottom-nav (mobile) ---------- */
.zhp-botnaval9{
display:none;
}
@media(max-width:1026px){
.zhp-sideal9{
transition:transform .25s ease;
height:100vh;
top:0;
z-index:80;
left:0;
position:fixed;
transform:translateX(-100%);
width:17.5rem;
}
.zhp-drawer_cbal9:checked~.zhp-shellal9 .zhp-sideal9{
transform:translateX(0);
}
.zhp-topal9{
gap:0.75rem;
padding:14px 1rem;
flex-wrap:wrap;
position:static;
}
.zhp-top_brandal9{
display:flex;
}
.zhp-searchal9{
display:none;
}
.zhp-burgeral9{
display:flex;
}
.zhp-top_actionsal9{
gap:0.625rem;
margin-left:0;
width:100%;
align-items:stretch;
}
.zhp-top_actionsal9 .zhp-langal9{
display:none;
}
.zhp-top_actionsal9 .zhp-btnal9{
padding:11px 10px;
flex:1;
text-align:center;
}
.zhp-botnaval9{
grid-template-columns:repeat(3,1fr);
padding:8px 6px calc(8px + env(safe-area-inset-bottom));
background:#EEF3EC;
position:fixed;
transform:translateZ(0);
z-index:65;
bottom:0;
left:0;
display:grid;
border-top:1px solid rgba(26, 35, 24, 0.12);
right:0;
}
.zhp-bnal9{
gap:4px;
padding:0.375rem 2px 0;
font-size:10px;
align-items:center;
flex-direction:column;
display:flex;
min-width:0;
font-weight:600;
justify-content:flex-end;
color:#3A4D36;
}
.zhp-bnal9 svg{
flex:none;
width:22px;
height:22px;
}
.zhp-bnal9 span{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
text-align:center;
}
.zhp-bn_onal9{
color:#4A8C00;
}
.zhp-bn_centeral9{
position:relative;
}
.zhp-bn_fabal9{
border-radius:50%;
background:#84CC16;
height:50px;
align-items:center;
color:#0F1C0C;
box-shadow:0 0.5rem 32px rgba(26, 35, 24, 0.14), 0 2px 8px rgba(26, 35, 24, 0.09);
top:-1.25rem;
position:absolute;
left:50%;
transform:translateX(-50%);
width:50px;
display:flex;
justify-content:center;
}
.zhp-bn_fabal9 svg{
width:1.5rem;
height:24px;
}
.zhp-bn_centeral9 span{
color:#4A8C00;
}
}
.zhp-btnal9{
border-radius:0.563rem;
padding:0.688rem 1.375rem;
transition:background-color 0.2s ease,color 0.2s ease;
gap:8px;
font-weight:700;
align-items:center;
cursor:pointer;
font-family:"DM Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:14px;
display:inline-flex;
justify-content:center;
}
.zhp-btn_prial9{
background:#84CC16;
color:#0F1C0C;
box-shadow:0 0.25rem 18px rgba(132, 204, 22, 0.38), 0 1px 0.25rem rgba(132, 204, 22, 0.22);
}
.zhp-btn_prial9:hover{
background:#6BAD0F;
}
.zhp-btn_ghostal9{
background:rgba(74, 140, 0, 0.11);
font-weight:600;
color:#1A2318;
}
.zhp-btn_lineal9{
border:1px solid rgba(26, 35, 24, 0.22);
background:transparent;
font-weight:600;
color:#1A2318;
}
.zhp-btn_lgal9{
border-radius:13px;
padding:16px 30px;
font-size:0.938rem;
}
.zhp-bandal9 .zhp-btn_lineal9{
border-color:rgba(255, 255, 255, 0.13);
color:#F0FAE8;
}
.zhp-bandal9 .zhp-btn_ghostal9{
background:rgba(255, 255, 255, 0.08);
color:#F0FAE8;
}
.zhp-link_mal9{
gap:5px;
font-size:12px;
display:inline-flex;
align-items:center;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-decoration:none;
color:#4A8C00;
cursor:pointer;
}
.zhp-link_mal9 svg{
width:14px;
height:14px;
}
.zhp-bandal9 .zhp-link_mal9{
color:#AAEB3A;
}
.zhp-dotal9{
background:#4A8C00;
flex:none;
border-radius:50%;
width:0.438rem;
height:7px;
}
.zhp-dot_liveal9{
animation:zm3-pulse 1.4s infinite;
background:#E03030;
}
.zhp-starsal9{
gap:2px;
color:#4A8C00;
display:inline-flex;
}
.zhp-starsal9 svg{
width:0.938rem;
height:0.938rem;
}
.zhp-chipal9{
padding:0.438rem 12px;
gap:0.375rem;
border-radius:9px;
background:#FFFFFF;
border:1px solid rgba(26, 35, 24, 0.12);
display:inline-flex;
font-size:11px;
color:#3A4D36;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
align-items:center;
}
.zhp-chip_onal9{
border-color:transparent;
background:rgba(74, 140, 0, 0.11);
color:#4A8C00;
}
.zhp-gcal9{
min-width:0;
display:block;
color:inherit;
text-decoration:none;
cursor:pointer;
}
.zhp-gc_thumbal9{
border-radius:13px;
border:1px solid rgba(26, 35, 24, 0.12);
overflow:hidden;
background-size:cover;
display:block;
position:relative;
background-position:center;
aspect-ratio:1;
}
.zhp-gc_thumb_portraital9{
aspect-ratio:3/4;
}
.zhp-gc_thumb_wideal9{
aspect-ratio:16/11;
}
.zhp-gc_capal9{
background:linear-gradient(transparent,rgba(15, 24, 12, 0.68));
padding:0.563rem;
right:0;
position:absolute;
left:0;
bottom:0;
}
.zhp-gc_nameal9{
color:#F0FAE8;
font-weight:700;
font-size:12.5px;
display:block;
}
.zhp-gc_metaal9{
color:#A8C99E;
font-size:11px;
}
.zhp-gc_badgeal9{
background:#4A8C00;
border-radius:0.563rem;
padding:2px 0.375rem;
top:8px;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
right:8px;
color:#0F1C0C;
font-size:0.5rem;
font-weight:700;
position:absolute;
}
.zhp-gc_badge_hotal9{
background:#E03030;
color:#F0FAE8;
}
.zhp-gc_badge_liveal9{
background:#E03030;
right:auto;
color:#F0FAE8;
left:8px;
}
.zhp-gc_multal9{
inset:0;
font-weight:700;
color:#4A8C00;
justify-content:center;
position:absolute;
align-items:center;
display:flex;
font-size:28px;
}
.zhp-pcal9{
background:#FFFFFF;
border:1px solid rgba(26, 35, 24, 0.12);
border-radius:13px;
align-items:center;
font-size:0.875rem;
font-weight:700;
height:4rem;
display:flex;
justify-content:center;
color:#3A4D36;
}
.zhp-railal9{
min-width:0;
}
.zhp-rail_scrollal9{
gap:0.875rem;
display:grid;
}
.zhp-rail_scrollal9>*{
min-width:0;
}
.zhp-g6al9{
grid-template-columns:repeat(6,1fr);
}
.zhp-g7al9{
grid-template-columns:repeat(7,1fr);
}
.zhp-g4al9{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1021px){
.zhp-g6al9,.zhp-g7al9{
grid-template-columns:none;
scroll-snap-type:x mandatory;
grid-auto-columns:120px;
grid-auto-flow:column;
padding-bottom:0.375rem;
overflow-x:auto;
}
.zhp-g6al9>*,.zhp-g7al9>*{
scroll-snap-align:start;
}
.zhp-g4al9{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:558px){
.zhp-g4al9{
grid-template-columns:none;
grid-auto-columns:150px;
overflow-x:auto;
grid-auto-flow:column;
}
}
.zhp-panelal9{
border:1px solid rgba(26, 35, 24, 0.12);
padding:1.75rem 2rem;
background:#FFFFFF;
border-radius:20px;
}
.zhp-splital9{
gap:36px;
align-items:start;
display:grid;
}
.zhp-splital9>*{
min-width:0;
}
.zhp-split_aal9{
grid-template-columns:.85fr 1.15fr;
}
.zhp-split_bal9{
grid-template-columns:1fr 1.1fr;
}
.zhp-split_cal9{
grid-template-columns:1.1fr .9fr;
}
.zhp-pgridal9{
gap:40px;
grid-template-columns:.9fr 1.1fr;
align-items:center;
display:grid;
}
.zhp-pgridal9>*{
min-width:0;
}
.zhp-leadal9{
font-size:15px;
color:#3A4D36;
line-height:1.65;
margin-bottom:14px;
}
.zhp-featal9{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.zhp-featal9>*{
min-width:0;
}
.zhp-feat2al9{
grid-template-columns:1fr 1fr;
}
.zhp-feat_cardal9{
border:1px solid rgba(26, 35, 24, 0.12);
border-radius:1.25rem;
padding:1.625rem;
background:#FFFFFF;
}
.zhp-feat_cardal9 svg{
width:26px;
height:26px;
margin-bottom:1rem;
color:#4A8C00;
}
.zhp-feat_cardal9 h3{
color:#1A2318;
margin-bottom:8px;
font-size:1.125rem;
font-weight:700;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.zhp-feat_cardal9 p{
font-size:13px;
line-height:1.6;
color:#3A4D36;
}
.zhp-feat_cardal9 b{
color:#1A2318;
}
.zhp-bigal9{
gap:22px;
display:flex;
flex-wrap:wrap;
}
.zhp-big_nal9{
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#4A8C00;
font-size:1.625rem;
font-weight:700;
}
.zhp-big_lal9{
color:#627A5C;
font-size:0.75rem;
}
.zhp-personal9{
border:1px solid rgba(26, 35, 24, 0.12);
padding:16px 1.125rem;
border-radius:13px;
gap:14px;
background:#FFFFFF;
align-items:center;
display:flex;
}
.zhp-avataral9{
border-radius:50%;
flex:none;
background:linear-gradient(135deg,#84CC16,#4A8C00);
width:44px;
height:44px;
}
.zhp-person_nameal9{
font-size:14px;
font-weight:700;
color:#1A2318;
}
.zhp-person_roleal9{
font-size:0.75rem;
color:#627A5C;
}
.zhp-kval9{
border:1px solid rgba(26, 35, 24, 0.12);
background:rgba(26, 35, 24, 0.12);
gap:1px;
overflow:hidden;
grid-template-columns:1fr 1fr;
border-radius:13px;
display:grid;
}
.zhp-kval9>div{
background:#F4F7F2;
padding:16px 18px;
min-width:0;
}
.zhp-kv_kal9{
font-size:0.594rem;
color:#4A8C00;
text-transform:uppercase;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
margin-bottom:0.313rem;
}
.zhp-kv_val9{
color:#1A2318;
font-size:13.5px;
font-weight:700;
}
@media(max-width:1027px){
.zhp-split_aal9,.zhp-split_bal9,.zhp-split_cal9,.zhp-pgridal9{
gap:1.5rem;
grid-template-columns:1fr;
}
.zhp-featal9,.zhp-feat2al9{
grid-template-columns:1fr;
}
.zhp-kval9{
grid-template-columns:1fr;
}
}
.zhp-shal9{
min-width:0;
margin-bottom:1rem;
}
.zhp-sh_rowal9{
gap:0.75rem;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
display:flex;
}
.zhp-sh_rowal9 .zhp-sh_lal9{
gap:0.375rem;
min-width:0;
flex-direction:column;
display:flex;
}
.zhp-sh_stackal9{
gap:10px;
align-items:flex-start;
flex-direction:column;
display:flex;
}
.zhp-sh_centeral9{
gap:0.625rem;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
}
.zhp-sh_h2al9{
gap:9px;
overflow-wrap:break-word;
align-items:center;
display:flex;
font-size:1.25rem;
color:#1A2318;
line-height:1.1;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
}
@media(min-width:768px){
.zhp-sh_h2al9{
font-size:24px;
}
}
.zhp-bandal9 .zhp-sh_h2al9{
color:#F0FAE8;
}
.zhp-eb_monoal9{
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:none;
letter-spacing:.08em;
}
.zhp-eb_monoal9::before{
content:"// ";
}
.zhp-eb_upperal9{
text-transform:uppercase;
letter-spacing:.14em;
}
.zhp-eb_pillal9{
border-radius:62.438rem;
padding:0.313rem 11px;
background:rgba(74, 140, 0, 0.11);
letter-spacing:.12em;
text-transform:uppercase;
}
.zhp-eb_lineal9{
gap:10px;
align-items:center;
display:inline-flex;
}
.zhp-eb_lineal9::before{
background:#4A8C00;
display:inline-block;
content:"";
height:1px;
width:1.5rem;
}
.zhp-bandal9 .zhp-eb_lineal9::before{
background:#AAEB3A;
}
.zhp-bandal9 .zhp-eb_pillal9{
background:rgba(255, 255, 255, 0.08);
}
.zhp-sh_linkal9{
transition:color 0.2s ease,border-color 0.2s ease;
gap:0.375rem;
font-size:13px;
padding-bottom:2px;
font-weight:600;
display:inline-flex;
align-items:center;
color:#1A2318;
border-bottom:1px solid #1A2318;
white-space:nowrap;
}
.zhp-sh_linkal9:hover{
border-color:#4A8C00;
color:#4A8C00;
}
.zhp-sh_linkal9 svg{
height:14px;
width:14px;
}
.zhp-sh_link_cheval9{
border-bottom:0;
font-size:0.75rem;
padding-bottom:0;
color:#4A8C00;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.zhp-sh_link_btnal9{
background:#84CC16;
padding:0.563rem 18px;
border-radius:62.438rem;
color:#0F1C0C;
border-bottom:0;
}
.zhp-sh_link_btnal9:hover{
border-color:transparent;
background:#6BAD0F;
}
.zhp-bandal9 .zhp-sh_linkal9{
border-color:#F0FAE8;
color:#F0FAE8;
}
.zhp-bandal9 .zhp-sh_link_cheval9{
color:#AAEB3A;
}
.zhp-sh_ruleal9{
background:rgba(26, 35, 24, 0.12);
margin:-2px 0 16px;
height:1px;
}
.zhp-bandal9 .zhp-sh_ruleal9{
background:rgba(255, 255, 255, 0.13);
}
.zhp-seo_grid3al9{
gap:20px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.zhp-seo_grid4al9{
gap:13px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.zhp-seo_grid3al9>*,.zhp-seo_grid4al9>*{
min-width:0;
}
.zhp-seo_cardal9{
border:1px solid rgba(26, 35, 24, 0.12);
background:#FFFFFF;
border-radius:13px;
padding:24px;
}
.zhp-seo_cardal9 h3{
color:#1A2318;
margin-bottom:0.5rem;
font-weight:700;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1.125rem;
}
.zhp-seo_cardal9 p{
line-height:1.6;
color:#3A4D36;
font-size:0.813rem;
}
.zhp-seo_card_smal9{
padding:1.25rem;
}
.zhp-seo_card_smal9 h3{
font-size:1rem;
}
.zhp-seo_card_smal9 p{
font-size:12.5px;
line-height:1.55;
}
.zhp-seo_rtp_rowal9{
gap:36px;
grid-template-columns:1fr 1fr;
display:grid;
margin-top:16px;
align-items:center;
}
.zhp-rtpal9{
gap:14px;
display:flex;
min-width:0;
}
.zhp-rtpal9>div{
flex:1;
background:#F4F7F2;
padding:16px;
border-radius:0.813rem;
text-align:center;
min-width:0;
}
.zhp-rtp_nal9{
font-size:1.625rem;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
white-space:nowrap;
font-weight:700;
color:#4A8C00;
}
.zhp-rtp_lal9{
font-size:11px;
margin-top:0.25rem;
color:#627A5C;
}
.zhp-cmpal9{
overflow:hidden;
border:1px solid rgba(26, 35, 24, 0.12);
border-radius:13px;
max-width:760px;
}
.zhp-cmp_rowal9{
grid-template-columns:1.6fr 1fr 1fr;
font-size:0.813rem;
display:grid;
}
.zhp-cmp_rowal9>div{
padding:13px 14px;
text-align:center;
min-width:0;
}
.zhp-cmp_rowal9>div:first-child{
text-align:left;
font-weight:600;
padding-left:1.375rem;
color:#1A2318;
}
.zhp-cmp_thal9{
background:#F4F7F2;
font-weight:700;
font-size:0.781rem;
}
.zhp-cmp_rowal9:not(.zhp-cmp_thal9){
background:#FFFFFF;
border-top:1px solid rgba(26, 35, 24, 0.08);
color:#3A4D36;
}
.zhp-cmp_zebraal9{
background:#EDF2EB;
}
.zhp-guideal9{
overflow:hidden;
background:#FFFFFF;
border:1px solid rgba(26, 35, 24, 0.12);
border-radius:0.813rem;
cursor:pointer;
}
.zhp-guide_coveral9{
height:130px;
}
.zhp-guide_bodyal9{
padding:1.25rem;
}
.zhp-guide_bodyal9 h3{
margin:7px 0 0.563rem;
font-size:16px;
color:#1A2318;
font-weight:700;
line-height:1.25;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.zhp-guide_metaal9{
font-size:11.5px;
color:#627A5C;
}
.zhp-hubal9{
grid-template-columns:repeat(5,1fr);
gap:28px;
display:grid;
border-top:1px solid rgba(26, 35, 24, 0.08);
padding-top:1.75rem;
}
.zhp-hubal9>*{
min-width:0;
}
.zhp-hubal9 h4{
font-weight:700;
font-size:0.813rem;
margin-bottom:0.688rem;
color:#1A2318;
}
.zhp-hub_colal9{
gap:0.5rem;
font-size:0.813rem;
flex-direction:column;
display:flex;
color:#3A4D36;
}
.zhp-hub_colal9 a{
cursor:pointer;
}
@media(max-width:1022px){
.zhp-seo_grid3al9{
grid-template-columns:1fr;
}
.zhp-seo_grid4al9{
grid-template-columns:repeat(2,1fr);
}
.zhp-seo_rtp_rowal9{
gap:1.25rem;
grid-template-columns:1fr;
}
.zhp-hubal9{
grid-template-columns:repeat(2,1fr);
gap:22px;
}
}
@media(max-width:562px){
.zhp-hubal9{
grid-template-columns:1fr;
}
}
.zhp-tkal9{
background:#1C2419;
overflow:hidden;
display:flex;
align-items:center;
border-bottom:1px solid rgba(26, 35, 24, 0.08);
}
.zhp-tk_tagal9{
padding:11px 1.125rem;
flex:none;
background:#FFFFFF;
gap:0.5rem;
align-items:center;
color:#E03030;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
display:flex;
text-transform:uppercase;
font-weight:600;
letter-spacing:.1em;
border-right:1px solid rgba(26, 35, 24, 0.08);
font-size:0.656rem;
}
.zhp-tk_railal9{
flex:1;
overflow:hidden;
}
.zhp-tk_trackal9{
padding:0.688rem 14px;
animation:zm3-marquee 26s linear infinite;
gap:28px;
font-size:12px;
display:flex;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
white-space:nowrap;
color:#3A4D36;
width:max-content;
}
.zhp-tk_trackal9 b{
color:#4A8C00;
}
.zhp-heroal9{
border-radius:1.25rem;
border:1px solid rgba(26, 35, 24, 0.12);
padding:2.875rem 3rem;
background:linear-gradient(120deg,#152012,#0F1A1E);
overflow:hidden;
color:#F0FAE8;
position:relative;
}
.zhp-hero_glowal9{
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 70%);
border-radius:50%;
top:-60px;
position:absolute;
height:21.25rem;
width:21.25rem;
right:-3.75rem;
}
.zhp-hero_inal9{
max-width:600px;
position:relative;
}
.zhp-heroal9 .zhp-eyebrowal9{
color:#AAEB3A;
}
.zhp-pill_rowal9{
border-radius:999px;
padding:0.375rem 0.813rem;
border:1px solid rgba(255, 255, 255, 0.13);
gap:8px;
background:rgba(255, 255, 255, 0.08);
align-items:center;
font-size:0.656rem;
letter-spacing:.1em;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#AAEB3A;
margin-bottom:22px;
text-transform:uppercase;
display:inline-flex;
}
.zhp-hero_h1al9{
margin:1.125rem 0;
font-size:54px;
font-weight:700;
letter-spacing:-.02em;
line-height:1.02;
overflow-wrap:break-word;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#F0FAE8;
}
.zhp-hero_h1al9 em{
color:#AAEB3A;
font-style:normal;
}
.zhp-hero_subal9{
color:#A8C99E;
max-width:30rem;
font-size:17px;
line-height:1.55;
margin-bottom:1.75rem;
}
.zhp-hero_ctaal9{
gap:14px;
align-items:center;
margin-bottom:1.625rem;
display:flex;
flex-wrap:wrap;
}
.zhp-hero_trustal9{
gap:0.875rem;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.zhp-hero_rating_txtal9{
color:#A8C99E;
font-size:13px;
}
@media(max-width:1025px){
.zhp-heroal9{
padding:2rem 24px;
}
.zhp-hero_h1al9{
font-size:38px;
}
}
@media(max-width:563px){
.zhp-hero_h1al9{
font-size:1.875rem;
}
}
.zhp-tabsal9{
gap:0.563rem;
display:flex;
flex-wrap:wrap;
}
.zhp-tabal9{
padding:0.625rem 18px;
border-radius:0.563rem;
border:1px solid rgba(26, 35, 24, 0.12);
background:#FFFFFF;
color:#3A4D36;
cursor:pointer;
font-weight:600;
font-size:0.813rem;
}
.zhp-tab_onal9{
background:#84CC16;
border-color:transparent;
font-weight:700;
color:#0F1C0C;
}
.zhp-statal9{
gap:0.875rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.zhp-statal9>*{
min-width:0;
}
.zhp-stat_itemal9{
border:1px solid rgba(26, 35, 24, 0.12);
background:#FFFFFF;
padding:18px 20px;
border-radius:13px;
}
.zhp-stat_kal9{
text-transform:uppercase;
letter-spacing:.12em;
margin-bottom:0.438rem;
font-size:0.594rem;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#627A5C;
}
.zhp-stat_val9{
gap:0.5rem;
display:flex;
color:#1A2318;
font-weight:700;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
overflow-wrap:anywhere;
align-items:center;
font-size:24px;
min-width:0;
}
.zhp-stat_v_accental9{
color:#4A8C00;
}
@media(max-width:1021px){
.zhp-statal9{
grid-template-columns:repeat(2,1fr);
}
}
.zhp-wlcal9{
border-radius:20px;
gap:1.5rem;
background:linear-gradient(120deg,#152012,#0F1A1E);
overflow:hidden;
border:1px solid rgba(26, 35, 24, 0.12);
padding:2.25rem 2.5rem;
grid-template-columns:1.2fr .8fr;
align-items:center;
display:grid;
color:#F0FAE8;
position:relative;
}
.zhp-wlcal9>*{
min-width:0;
}
.zhp-wlcal9 .zhp-eyebrowal9{
color:#AAEB3A;
}
.zhp-wlc_glowal9{
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 70%);
border-radius:50%;
position:absolute;
width:260px;
top:-2.5rem;
height:16.25rem;
right:-2.5rem;
}
.zhp-wlc_inal9{
position:relative;
}
.zhp-wlc_h2al9{
margin:0.625rem 0 0.5rem;
font-weight:700;
font-size:34px;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
overflow-wrap:break-word;
color:#F0FAE8;
line-height:1.03;
}
.zhp-wlc_h2al9 em{
font-style:normal;
color:#AAEB3A;
}
.zhp-wlc_subal9{
line-height:1.55;
margin-bottom:18px;
max-width:26.25rem;
color:#A8C99E;
font-size:0.875rem;
}
.zhp-wlc_termsal9{
gap:0.625rem;
flex-direction:column;
display:flex;
position:relative;
}
.zhp-termal9{
border:1px solid rgba(255, 255, 255, 0.13);
border-radius:13px;
gap:0.688rem;
padding:0.813rem 15px;
background:rgba(255, 255, 255, 0.08);
align-items:center;
display:flex;
}
.zhp-termal9 svg{
flex:none;
color:#AAEB3A;
height:20px;
width:1.25rem;
}
.zhp-term_kal9{
letter-spacing:.1em;
color:#A8C99E;
text-transform:uppercase;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:9.5px;
}
.zhp-term_val9{
font-weight:700;
color:#F0FAE8;
margin-top:2px;
font-size:0.875rem;
}
@media(max-width:1023px){
.zhp-wlcal9{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.zhp-wlc_h2al9{
font-size:1.625rem;
}
}
.zhp-jpal9{
grid-template-columns:1.5fr 1fr 1fr;
gap:0.875rem;
display:grid;
}
.zhp-jpal9>*{
min-width:0;
}
.zhp-jp_heroal9{
background:linear-gradient(135deg,#152012,#0F1A1E);
padding:1.625rem;
overflow:hidden;
gap:0.875rem;
border-radius:1.25rem;
border:1px solid rgba(26, 35, 24, 0.12);
color:#F0FAE8;
justify-content:space-between;
min-height:180px;
display:flex;
position:relative;
flex-direction:column;
}
.zhp-jp_glowal9{
border-radius:50%;
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 70%);
position:absolute;
height:180px;
top:-40px;
width:180px;
right:-40px;
}
.zhp-jp_k_rowal9{
gap:10px;
align-items:center;
display:flex;
position:relative;
justify-content:space-between;
}
.zhp-jp_kal9{
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
color:#627A5C;
letter-spacing:.12em;
font-size:0.625rem;
}
.zhp-jp_heroal9 .zhp-jp_kal9{
color:#A8C99E;
}
.zhp-jp_amtal9{
line-height:1;
font-size:42px;
position:relative;
font-weight:700;
color:#AAEB3A;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.zhp-jp_subal9{
font-size:12px;
margin-top:0.313rem;
color:#A8C99E;
}
.zhp-jp_cellal9{
padding:22px;
border:1px solid rgba(26, 35, 24, 0.12);
border-radius:20px;
background:#FFFFFF;
display:flex;
justify-content:space-between;
flex-direction:column;
min-height:11.25rem;
}
.zhp-jp_cellal9 .zhp-jp_amtal9{
font-size:1.875rem;
color:#1A2318;
}
.zhp-jp_cellal9 .zhp-jp_subal9{
color:#627A5C;
}
@media(max-width:1025px){
.zhp-jpal9{
grid-template-columns:1fr;
}
}
@media(max-width:563px){
.zhp-jp_amtal9{
font-size:32px;
}
}
.zhp-dw_h2al9{
line-height:1.08;
margin-bottom:0.625rem;
font-weight:700;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1.625rem;
color:#1A2318;
}
.zhp-steps_val9{
gap:0.625rem;
grid-template-columns:1fr;
}
.zhp-steps_val9 .zhp-stepal9{
padding:1.125rem 1.25rem;
}
@media(max-width:562px){
.zhp-dw_h2al9{
font-size:1.438rem;
}
}
.zhp-promo_gridal9{
gap:1rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.zhp-promo_gridal9>*{
min-width:0;
}
.zhp-promoal9{
overflow:hidden;
border-radius:20px;
border:1px solid rgba(26, 35, 24, 0.12);
background:#FFFFFF;
padding:24px;
position:relative;
min-height:9.375rem;
}
.zhp-promo_hal9{
margin-top:0.375rem;
color:#1A2318;
font-size:1.625rem;
font-weight:700;
line-height:1.05;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.zhp-promo_hal9 em{
color:#4A8C00;
font-style:normal;
}
.zhp-promo_pal9{
margin-top:8px;
font-size:0.781rem;
line-height:1.5;
color:#3A4D36;
}
.zhp-promo_featal9{
border-color:rgba(26, 35, 24, 0.12);
background:linear-gradient(135deg,#152012,#0F1A1E);
}
.zhp-promo_featal9 .zhp-promo_hal9{
color:#F0FAE8;
}
.zhp-promo_featal9 .zhp-promo_hal9 em{
color:#AAEB3A;
}
.zhp-promo_featal9 .zhp-promo_pal9{
color:#A8C99E;
}
.zhp-promo_featal9 .zhp-eyebrowal9{
color:#AAEB3A;
}
@media(max-width:1024px){
.zhp-promo_gridal9{
grid-template-columns:1fr;
}
}
.zhp-appal9{
gap:2.25rem;
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
}
.zhp-app_copyal9{
max-width:32.5rem;
}
.zhp-app_h2al9{
margin:12px 0 0.625rem;
line-height:1.05;
font-size:1.75rem;
color:#1A2318;
font-weight:700;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.zhp-app_textal9{
font-size:14px;
color:#3A4D36;
line-height:1.6;
margin-bottom:20px;
}
.zhp-app_btnsal9{
gap:12px;
flex-wrap:wrap;
display:flex;
}
.zhp-storeal9{
background:#F4F7F2;
border:1px solid rgba(26, 35, 24, 0.12);
padding:11px 1.125rem;
gap:0.563rem;
border-radius:13px;
align-items:center;
color:#1A2318;
font-size:13px;
font-weight:700;
display:inline-flex;
cursor:pointer;
}
.zhp-storeal9 svg{
width:1rem;
height:16px;
}
.zhp-app_qr_wrapal9{
gap:16px;
display:flex;
align-items:center;
}
.zhp-qral9{
gap:3px;
border-radius:0.813rem;
border:1px solid rgba(26, 35, 24, 0.12);
grid-template-rows:repeat(5,1fr);
background:#F4F7F2;
grid-template-columns:repeat(5,1fr);
padding:0.688rem;
width:108px;
height:108px;
display:grid;
}
.zhp-qral9 i{
background:transparent;
}
.zhp-qr_fal9{
background:#4A8C00;
}
.zhp-app_qr_capal9{
line-height:1.4;
color:#627A5C;
font-size:12px;
max-width:5.25rem;
}
.zhp-stepsal9{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.zhp-stepsal9>*{
min-width:0;
}
.zhp-stepal9{
border:1px solid rgba(26, 35, 24, 0.12);
border-radius:0.813rem;
padding:1.5rem;
background:#FFFFFF;
position:relative;
}
.zhp-step_numal9{
border-radius:0.563rem;
background:#84CC16;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
justify-content:center;
height:30px;
align-items:center;
font-weight:700;
margin-bottom:14px;
color:#0F1C0C;
display:flex;
width:1.875rem;
font-size:13px;
}
.zhp-step_hal9{
color:#1A2318;
margin-bottom:7px;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
font-size:1rem;
}
.zhp-step_pal9{
font-size:0.813rem;
color:#3A4D36;
line-height:1.55;
}
@media(max-width:1027px){
.zhp-stepsal9{
grid-template-columns:1fr;
}
}
.zhp-newsal9{
border:1px solid rgba(26, 35, 24, 0.12);
gap:24px;
background:linear-gradient(135deg,#152012,#0F1A1E);
border-radius:1.25rem;
padding:26px 32px;
display:flex;
align-items:center;
justify-content:space-between;
color:#F0FAE8;
flex-wrap:wrap;
}
.zhp-news_h3al9{
margin-bottom:0.25rem;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#F0FAE8;
font-weight:700;
font-size:1.25rem;
}
.zhp-news_textal9{
font-size:13px;
color:#A8C99E;
}
.zhp-news_formal9{
gap:10px;
flex:1;
max-width:27.5rem;
min-width:0;
display:flex;
}
.zhp-news_formal9 .zhp-inputal9{
min-width:0;
}
@media(max-width:561px){
.zhp-news_formal9{
width:100%;
}
}
.zhp-inputal9{
background:rgba(255, 255, 255, 0.08);
border:1px solid rgba(255, 255, 255, 0.13);
flex:1;
padding:13px 1rem;
border-radius:0.563rem;
font-size:0.844rem;
color:#A8C99E;
}
.zhp-banneral9{
overflow:hidden;
gap:28px;
background:linear-gradient(115deg,#152012,#0F1A1E);
padding:2.25rem 2.5rem;
border-radius:20px;
border:1px solid rgba(26, 35, 24, 0.12);
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
color:#F0FAE8;
justify-content:space-between;
}
.zhp-banner_glowal9{
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 68%);
border-radius:50%;
width:200px;
transform:translateY(-50%);
top:50%;
right:80px;
height:200px;
position:absolute;
}
.zhp-banner_inal9{
max-width:560px;
position:relative;
}
.zhp-banneral9 .zhp-eyebrowal9{
color:#AAEB3A;
}
.zhp-banner_h2al9{
margin:0.625rem 0;
font-size:1.875rem;
line-height:1.05;
font-weight:700;
color:#F0FAE8;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.zhp-banner_textal9{
line-height:1.6;
font-size:0.875rem;
color:#A8C99E;
}
@media(max-width:560px){
.zhp-banner_h2al9{
font-size:1.5rem;
}
}
.zhp-suppal9{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.zhp-suppal9>*{
min-width:0;
}
.zhp-supp_cardal9{
border:1px solid rgba(26, 35, 24, 0.12);
padding:1.5rem;
border-radius:0.813rem;
background:#FFFFFF;
}
.zhp-supp_cardal9 svg{
color:#4A8C00;
width:1.5rem;
height:24px;
margin-bottom:14px;
}
.zhp-supp_cardal9 h3{
font-weight:700;
font-size:16px;
color:#1A2318;
margin-bottom:6px;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.zhp-supp_cardal9 p{
font-size:13px;
line-height:1.55;
color:#3A4D36;
}
@media(max-width:1025px){
.zhp-suppal9{
grid-template-columns:1fr;
}
}
.zhp-pay_logosal9{
grid-template-columns:repeat(4,1fr);
gap:0.563rem;
display:grid;
}
.zhp-pay_logosal9>*{
min-width:0;
}
.zhp-payal9{
border-radius:0.563rem;
border:1px solid rgba(26, 35, 24, 0.12);
justify-content:center;
height:3rem;
align-items:center;
font-weight:700;
color:#3A4D36;
font-size:12px;
display:flex;
}
.zhp-tableal9{
border:1px solid rgba(26, 35, 24, 0.12);
border-radius:13px;
overflow:hidden;
}
.zhp-trowal9{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.zhp-trowal9>div{
padding:0.813rem 0.875rem;
min-width:0;
}
.zhp-trowal9>div:first-child{
color:#1A2318;
padding-left:1rem;
font-weight:700;
}
.zhp-trow_thal9{
background:#F4F7F2;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
color:#627A5C;
font-size:9.5px;
letter-spacing:.06em;
}
.zhp-trowal9:not(.zhp-trow_thal9){
background:#FFFFFF;
color:#3A4D36;
border-top:1px solid rgba(26, 35, 24, 0.08);
}
.zhp-trow_zebraal9{
background:#EDF2EB;
}
.zhp-posal9{
color:#4A8C00;
font-weight:700;
}
@media(max-width:1025px){
.zhp-pay_logosal9{
grid-template-columns:repeat(2,1fr);
}
}
.zhp-vip_headal9{
gap:0.75rem;
justify-content:space-between;
margin-bottom:1.125rem;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
}
.zhp-vip_introal9{
font-size:13px;
max-width:420px;
color:#3A4D36;
}
.zhp-vipal9{
gap:0.75rem;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.zhp-vipal9>*{
min-width:0;
}
.zhp-tieral9{
border:1px solid rgba(26, 35, 24, 0.12);
padding:20px;
border-radius:13px;
background:#FFFFFF;
}
.zhp-tier_onal9{
background:rgba(74, 140, 0, 0.11);
border-color:#4A8C00;
}
.zhp-tier_medalal9{
border-radius:9px;
background:linear-gradient(135deg,#84CC16,#4A8C00);
height:30px;
width:30px;
margin-bottom:0.875rem;
}
.zhp-tier_nameal9{
font-weight:700;
color:#1A2318;
font-size:15px;
margin-bottom:5px;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.zhp-tier_txal9{
line-height:1.5;
color:#627A5C;
font-size:0.719rem;
}
@media(max-width:1027px){
.zhp-vipal9{
grid-template-columns:repeat(2,1fr);
}
}
.zhp-et_h2al9{
margin:10px 0 14px;
font-weight:700;
font-size:1.75rem;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#1A2318;
line-height:1.08;
}
.zhp-et_rightal9{
gap:10px;
display:flex;
flex-direction:column;
}
.zhp-et_updatedal9{
border-radius:13px;
border:1px solid rgba(26, 35, 24, 0.12);
background:#F4F7F2;
gap:0.625rem;
padding:14px 1.125rem;
color:#3A4D36;
display:flex;
font-size:12px;
align-items:center;
}
.zhp-et_updatedal9 svg{
flex:none;
color:#4A8C00;
width:0.938rem;
height:0.938rem;
}
.zhp-et_updatedal9 b{
color:#1A2318;
}
@media(max-width:559px){
.zhp-et_h2al9{
font-size:1.5rem;
}
}
.zhp-op_h2al9{
margin:10px 0 0.5rem;
font-weight:700;
font-size:1.5rem;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.1;
color:#1A2318;
}
.zhp-op_textal9{
color:#3A4D36;
line-height:1.6;
font-size:0.844rem;
}
@media(max-width:563px){
.zhp-op_h2al9{
font-size:1.375rem;
}
}
.zhp-ab_h2al9{
margin:14px 0 16px;
font-weight:700;
color:#1A2318;
line-height:1.08;
font-size:2rem;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.zhp-ab_bodyal9{
font-size:15px;
color:#3A4D36;
margin-bottom:0.875rem;
line-height:1.65;
}
.zhp-ab_chipsal9{
gap:0.625rem;
display:flex;
flex-wrap:wrap;
margin-top:8px;
}
.zhp-faqal9{
gap:10px;
display:flex;
flex-direction:column;
}
.zhp-faq_itemal9{
background:#FFFFFF;
padding:1.125rem 22px;
border-radius:0.813rem;
border:1px solid rgba(26, 35, 24, 0.12);
}
.zhp-faq_qal9{
list-style:none;
gap:1rem;
color:#1A2318;
justify-content:space-between;
display:flex;
font-size:15.5px;
cursor:pointer;
align-items:center;
font-weight:600;
}
.zhp-faq_qal9::-webkit-details-marker{
display:none;
}
.zhp-faq_q_tal9{
gap:0.625rem;
display:flex;
}
.zhp-faq_q_ial9{
color:#4A8C00;
font-style:normal;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.zhp-faq_pmal9{
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#4A8C00;
font-size:1.25rem;
}
.zhp-faq_itemal9[open] .zhp-faq_pmal9{
transform:rotate(45deg);
}
.zhp-faq_aal9{
color:#3A4D36;
font-size:0.844rem;
margin-top:12px;
line-height:1.6;
}
@media(max-width:557px){
.zhp-ab_h2al9{
font-size:1.625rem;
}
}
.zhp-rv_headal9{
gap:0.75rem;
align-items:flex-end;
margin-bottom:18px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.zhp-rv_aggal9{
gap:10px;
align-items:center;
display:flex;
}
.zhp-rv_sourceal9{
color:#627A5C;
font-size:12.5px;
}
.zhp-rv_gridal9{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.zhp-rv_gridal9>*{
min-width:0;
}
.zhp-reviewal9{
border-radius:0.813rem;
background:#FFFFFF;
padding:24px;
border:1px solid rgba(26, 35, 24, 0.12);
}
.zhp-reviewal9 .zhp-starsal9{
margin-bottom:10px;
}
.zhp-reviewal9 p{
margin-bottom:0.875rem;
color:#1A2318;
line-height:1.5;
font-size:0.906rem;
font-weight:600;
}
.zhp-review_byal9{
color:#627A5C;
font-size:12.5px;
}
@media(max-width:1022px){
.zhp-rv_gridal9{
grid-template-columns:1fr;
}
}
.zhp-provsal9{
gap:0.75rem;
grid-template-columns:repeat(6,1fr);
margin-bottom:1.75rem;
display:grid;
}
.zhp-provsal9>*{
min-width:0;
}
.zhp-proval9{
border:1px solid rgba(26, 35, 24, 0.12);
border-radius:13px;
padding:12px;
background:#FFFFFF;
justify-content:center;
display:flex;
text-decoration:none;
align-items:center;
height:4rem;
}
.zhp-prov_imgal9{
max-width:100%;
max-height:2rem;
object-fit:contain;
}
.zhp-respal9{
background:#FFFFFF;
padding:26px;
gap:24px;
border-radius:13px;
border:1px solid rgba(26, 35, 24, 0.12);
justify-content:space-between;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.zhp-resp_inal9{
max-width:560px;
}
.zhp-resp_hal9{
font-size:1.188rem;
font-family:"Plus Jakarta Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:8px;
font-weight:700;
color:#1A2318;
}
.zhp-resp_pal9{
font-size:13.5px;
line-height:1.6;
color:#3A4D36;
}
.zhp-resp_badgesal9{
gap:0.875rem;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.zhp-age18al9{
border:1.5px solid #E03030;
padding:4px 0.5rem;
border-radius:0.563rem;
font-size:0.813rem;
font-weight:700;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#E03030;
}
.zhp-resp_orgal9{
font-size:13px;
color:#627A5C;
font-weight:600;
}
@media(max-width:1023px){
.zhp-provsal9{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:559px){
.zhp-provsal9{
grid-template-columns:repeat(2,1fr);
}
}
.zhp-gd_headal9{
gap:12px;
align-items:center;
margin-bottom:16px;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
}
.zhp-footeral9{
padding:40px 1.75rem;
background:#1C2419;
border-top:1px solid rgba(26, 35, 24, 0.08);
}
.zhp-footer_gridal9{
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:2rem;
display:grid;
margin-right:auto;
max-width:87.5rem;
margin-bottom:28px;
margin-left:auto;
}
.zhp-footer_gridal9>*{
min-width:0;
}
.zhp-footer_gridal9 h4{
font-size:0.625rem;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
margin-bottom:13px;
letter-spacing:.12em;
color:#8FA889;
text-transform:uppercase;
}
.zhp-fcolal9{
gap:9px;
color:#3A4D36;
font-size:0.813rem;
display:flex;
flex-direction:column;
}
.zhp-fcolal9 a{
cursor:pointer;
}
.zhp-ft_aboutal9{
margin-top:0.75rem;
font-size:0.813rem;
line-height:1.6;
color:#627A5C;
max-width:260px;
}
.zhp-ft_contactal9{
font-size:0.781rem;
overflow-wrap:anywhere;
margin-top:0.75rem;
color:#4A8C00;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.zhp-footer_bottomal9{
gap:16px;
margin:0 auto;
padding-top:1.25rem;
justify-content:space-between;
align-items:center;
border-top:1px solid rgba(26, 35, 24, 0.08);
max-width:1400px;
display:flex;
flex-wrap:wrap;
}
.zhp-footer_bottomal9 p{
max-width:45rem;
line-height:1.6;
font-size:11px;
color:#8FA889;
}
@media(max-width:1026px){
.zhp-footer_gridal9{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:562px){
.zhp-footer_gridal9{
grid-template-columns:1fr;
}
}