*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F4F7F2;
font-size:0.938rem;
overflow-wrap:break-word;
-webkit-font-smoothing:antialiased;
color:#2E4229;
line-height:1.55;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
text-rendering:optimizeLegibility;
}
img{
max-width:100%;
display:block;
}
a{
text-decoration:none;
color:inherit;
}
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:0.5rem;
height:0.5rem;
}
::-webkit-scrollbar-thumb{
background:rgba(13, 26, 10, 0.72);
border-radius:0.5rem;
}
::-webkit-scrollbar-track{
background:transparent;
}
.hcoshell-pdp{
grid-template-columns:15.5rem 1fr;
display:grid;
min-height:100vh;
}
.hcomain-pdp{
min-width:0;
}
.hcowrap-pdp{
margin:0 auto;
max-width:1400px;
width:100%;
}
.hcocontainer-pdp{
margin:0 auto;
padding:0 16px;
width:100%;
max-width:1400px;
}
@media(min-width:769px){
.hcocontainer-pdp{
padding:0 28px;
}
}
.hcosection-pdp{
padding:24px 28px;
}
.hcosection_pt-pdp{
padding-top:34px;
}
.hcoband_soft-pdp{
background:#FFFFFF;
}
.hcoeyebrow-pdp{
font-weight:600;
letter-spacing:.14em;
overflow-wrap:break-word;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
text-transform:uppercase;
color:#4D9A00;
font-size:0.656rem;
display:inline-block;
line-height:1.4;
}
.hcodrawer_cb-pdp{
display:none;
}
.hcooverlay-pdp{
display:none;
}
@media(max-width:1025px){
.hcoshell-pdp{
grid-template-columns:1fr;
}
.hcomain-pdp{
padding-bottom:4.875rem;
}
.hcodrawer_cb-pdp:checked~.hcooverlay-pdp{
inset:0;
background:rgba(13, 26, 10, 0.72);
z-index:70;
display:block;
position:fixed;
}
}
@media(max-width:563px){
.hcosection-pdp{
padding:18px 1rem;
}
.hcosection_pt-pdp{
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 ---------- */
.hcoside-pdp{
background:#EAF0E7;
padding:1.375rem 1.125rem;
gap:1.375rem;
border-right:1px solid rgba(19, 31, 16, 0.08);
display:flex;
align-self:start;
flex-direction:column;
overflow-y:auto;
position:sticky;
top:0;
height:100vh;
}
.hcobrand-pdp{
gap:0.625rem;
align-items:center;
display:flex;
}
.hcologo-pdp{
letter-spacing:-.02em;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
color:#131F10;
font-size:21px;
}
.hcoside_cta-pdp{
background:rgba(77, 154, 0, 0.11);
padding:1rem;
border:1px solid rgba(19, 31, 16, 0.12);
border-radius:13px;
}
.hcoside_cta_h-pdp{
font-weight:700;
font-size:17px;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#131F10;
margin-bottom:0.375rem;
line-height:1.15;
}
.hcoside_cta_p-pdp{
font-size:12px;
line-height:1.45;
color:#2E4229;
margin-bottom:12px;
}
.hconav-pdp{
gap:3px;
display:flex;
flex-direction:column;
}
.hconav_label-pdp{
padding:6px 10px;
letter-spacing:.14em;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
color:#8DA887;
font-size:9.5px;
}
.hconav_item-pdp{
gap:11px;
padding:10px;
border-radius:0.563rem;
align-items:center;
color:#2E4229;
font-size:14px;
display:flex;
font-weight:500;
}
.hconav_item-pdp svg{
width:17px;
height:1.063rem;
}
.hconav_item-pdp:hover{
background:rgba(77, 154, 0, 0.11);
color:#131F10;
}
.hconav_item_on-pdp{
background:rgba(77, 154, 0, 0.11);
font-weight:600;
color:#4D9A00;
}
.hcoside_foot-pdp{
padding:0.75rem;
border:1px solid rgba(19, 31, 16, 0.12);
background:#FFFFFF;
border-radius:13px;
margin-top:auto;
}
.hcoside_foot-pdp p{
font-size:12.5px;
margin-top:4px;
line-height:1.4;
color:#2E4229;
}
/* ---------- topbar ---------- */
.hcotop-pdp{
gap:16px;
padding:14px 28px;
background:#EAF0E7;
top:0;
position:sticky;
z-index:40;
align-items:center;
border-bottom:1px solid rgba(19, 31, 16, 0.08);
display:flex;
}
.hcotop_brand-pdp{
gap:0.563rem;
align-items:center;
display:none;
}
.hcosearch-pdp{
background:#FFFFFF;
flex:1;
gap:10px;
border:1px solid rgba(19, 31, 16, 0.12);
border-radius:13px;
padding:11px 0.875rem;
font-size:13.5px;
max-width:27.5rem;
display:flex;
color:#5A7252;
align-items:center;
}
.hcosearch-pdp svg{
flex:none;
width:16px;
height:1rem;
}
.hcotop_actions-pdp{
gap:0.75rem;
display:flex;
margin-left:auto;
align-items:center;
}
.hcolang-pdp{
color:#2E4229;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
font-size:12px;
}
.hcoburger-pdp{
background:#FFFFFF;
border:1px solid rgba(19, 31, 16, 0.12);
border-radius:0.563rem;
justify-content:center;
color:#131F10;
width:2.5rem;
align-items:center;
display:none;
height:2.5rem;
}
/* ---------- bottom-nav (mobile) ---------- */
.hcobotnav-pdp{
display:none;
}
@media(max-width:1027px){
.hcoside-pdp{
transition:transform .25s ease;
left:0;
height:100vh;
transform:translateX(-100%);
top:0;
position:fixed;
z-index:80;
width:280px;
}
.hcodrawer_cb-pdp:checked~.hcoshell-pdp .hcoside-pdp{
transform:translateX(0);
}
.hcotop-pdp{
gap:12px;
padding:14px 1rem;
position:static;
flex-wrap:wrap;
}
.hcotop_brand-pdp{
display:flex;
}
.hcosearch-pdp{
display:none;
}
.hcoburger-pdp{
display:flex;
}
.hcotop_actions-pdp{
gap:0.625rem;
margin-left:0;
align-items:stretch;
width:100%;
}
.hcotop_actions-pdp .hcolang-pdp{
display:none;
}
.hcotop_actions-pdp .hcobtn-pdp{
flex:1;
padding:0.688rem 0.625rem;
text-align:center;
}
.hcobotnav-pdp{
background:#EAF0E7;
padding:0.5rem 6px calc(0.5rem + env(safe-area-inset-bottom));
grid-template-columns:repeat(3,1fr);
position:fixed;
border-top:1px solid rgba(19, 31, 16, 0.12);
left:0;
right:0;
transform:translateZ(0);
display:grid;
z-index:65;
bottom:0;
}
.hcobn-pdp{
padding:0.375rem 2px 0;
gap:0.25rem;
flex-direction:column;
font-weight:600;
justify-content:flex-end;
align-items:center;
display:flex;
min-width:0;
font-size:10px;
color:#2E4229;
}
.hcobn-pdp svg{
flex:none;
width:22px;
height:22px;
}
.hcobn-pdp span{
overflow:hidden;
text-overflow:ellipsis;
max-width:100%;
text-align:center;
white-space:nowrap;
}
.hcobn_on-pdp{
color:#4D9A00;
}
.hcobn_center-pdp{
position:relative;
}
.hcobn_fab-pdp{
background:#84CC16;
border-radius:50%;
display:flex;
align-items:center;
width:3.125rem;
transform:translateX(-50%);
top:-20px;
height:3.125rem;
box-shadow:0 0.5rem 32px rgba(19, 31, 16, 0.18), 0 2px 0.5rem rgba(19, 31, 16, 0.10);
justify-content:center;
position:absolute;
left:50%;
color:#0D1A0A;
}
.hcobn_fab-pdp svg{
width:24px;
height:24px;
}
.hcobn_center-pdp span{
color:#4D9A00;
}
}
.hcobtn-pdp{
transition:background-color 0.2s ease,color 0.2s ease;
padding:11px 1.375rem;
gap:0.5rem;
border-radius:9px;
cursor:pointer;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
display:inline-flex;
align-items:center;
font-size:0.875rem;
justify-content:center;
font-weight:700;
}
.hcobtn_pri-pdp{
background:#84CC16;
box-shadow:0 4px 18px rgba(132, 204, 22, 0.45), 0 2px 0.375rem rgba(132, 204, 22, 0.25);
color:#0D1A0A;
}
.hcobtn_pri-pdp:hover{
background:#6BB212;
}
.hcobtn_ghost-pdp{
background:rgba(77, 154, 0, 0.11);
font-weight:600;
color:#131F10;
}
.hcobtn_line-pdp{
background:transparent;
border:1px solid rgba(19, 31, 16, 0.22);
color:#131F10;
font-weight:600;
}
.hcobtn_lg-pdp{
padding:16px 30px;
border-radius:0.813rem;
font-size:0.938rem;
}
.hcoband-pdp .hcobtn_line-pdp{
border-color:rgba(255, 255, 255, 0.13);
color:#F0FAE8;
}
.hcoband-pdp .hcobtn_ghost-pdp{
background:rgba(255, 255, 255, 0.08);
color:#F0FAE8;
}
.hcolink_m-pdp{
gap:0.313rem;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
cursor:pointer;
color:#4D9A00;
text-decoration:none;
font-size:0.75rem;
display:inline-flex;
align-items:center;
}
.hcolink_m-pdp svg{
width:14px;
height:14px;
}
.hcoband-pdp .hcolink_m-pdp{
color:#AAEE2A;
}
.hcodot-pdp{
border-radius:50%;
flex:none;
background:#4D9A00;
height:0.438rem;
width:0.438rem;
}
.hcodot_live-pdp{
animation:zm3-pulse 1.4s infinite;
background:#E5322D;
}
.hcostars-pdp{
gap:2px;
color:#4D9A00;
display:inline-flex;
}
.hcostars-pdp svg{
width:0.938rem;
height:15px;
}
.hcochip-pdp{
padding:0.438rem 0.75rem;
gap:6px;
background:#FFFFFF;
border:1px solid rgba(19, 31, 16, 0.12);
border-radius:9px;
align-items:center;
display:inline-flex;
font-size:0.688rem;
color:#2E4229;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
}
.hcochip_on-pdp{
background:rgba(77, 154, 0, 0.11);
border-color:transparent;
color:#4D9A00;
}
.hcogc-pdp{
cursor:pointer;
display:block;
text-decoration:none;
color:inherit;
min-width:0;
}
.hcogc_thumb-pdp{
border:1px solid rgba(19, 31, 16, 0.12);
overflow:hidden;
border-radius:0.813rem;
position:relative;
aspect-ratio:1;
display:block;
background-size:cover;
background-position:center;
}
.hcogc_thumb_portrait-pdp{
aspect-ratio:3/4;
}
.hcogc_thumb_wide-pdp{
aspect-ratio:16/11;
}
.hcogc_cap-pdp{
padding:9px;
background:linear-gradient(transparent,rgba(13, 26, 10, 0.72));
left:0;
right:0;
position:absolute;
bottom:0;
}
.hcogc_name-pdp{
color:#F0FAE8;
font-size:0.781rem;
font-weight:700;
display:block;
}
.hcogc_meta-pdp{
font-size:0.688rem;
color:#A8C89E;
}
.hcogc_badge-pdp{
padding:2px 6px;
background:#4D9A00;
border-radius:9px;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
right:0.5rem;
font-weight:700;
top:0.5rem;
color:#0D1A0A;
font-size:8px;
position:absolute;
}
.hcogc_badge_hot-pdp{
background:#E5322D;
color:#F0FAE8;
}
.hcogc_badge_live-pdp{
background:#E5322D;
color:#F0FAE8;
right:auto;
left:0.5rem;
}
.hcogc_mult-pdp{
inset:0;
position:absolute;
align-items:center;
font-size:28px;
color:#4D9A00;
display:flex;
font-weight:700;
justify-content:center;
}
.hcopc-pdp{
background:#FFFFFF;
border-radius:13px;
border:1px solid rgba(19, 31, 16, 0.12);
display:flex;
align-items:center;
font-weight:700;
color:#2E4229;
justify-content:center;
height:64px;
font-size:0.875rem;
}
.hcorail-pdp{
min-width:0;
}
.hcorail_scroll-pdp{
gap:14px;
display:grid;
}
.hcorail_scroll-pdp>*{
min-width:0;
}
.hcog6-pdp{
grid-template-columns:repeat(6,1fr);
}
.hcog7-pdp{
grid-template-columns:repeat(7,1fr);
}
.hcog4-pdp{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1026px){
.hcog6-pdp,.hcog7-pdp{
grid-template-columns:none;
grid-auto-flow:column;
scroll-snap-type:x mandatory;
grid-auto-columns:7.5rem;
padding-bottom:0.375rem;
overflow-x:auto;
}
.hcog6-pdp>*,.hcog7-pdp>*{
scroll-snap-align:start;
}
.hcog4-pdp{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:557px){
.hcog4-pdp{
grid-template-columns:none;
overflow-x:auto;
grid-auto-columns:9.375rem;
grid-auto-flow:column;
}
}
.hcopanel-pdp{
background:#FFFFFF;
padding:1.75rem 32px;
border:1px solid rgba(19, 31, 16, 0.12);
border-radius:1.25rem;
}
.hcosplit-pdp{
gap:2.25rem;
display:grid;
align-items:start;
}
.hcosplit-pdp>*{
min-width:0;
}
.hcosplit_a-pdp{
grid-template-columns:.85fr 1.15fr;
}
.hcosplit_b-pdp{
grid-template-columns:1fr 1.1fr;
}
.hcosplit_c-pdp{
grid-template-columns:1.1fr .9fr;
}
.hcopgrid-pdp{
grid-template-columns:.9fr 1.1fr;
gap:2.5rem;
display:grid;
align-items:center;
}
.hcopgrid-pdp>*{
min-width:0;
}
.hcolead-pdp{
margin-bottom:14px;
color:#2E4229;
font-size:0.938rem;
line-height:1.65;
}
.hcofeat-pdp{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.hcofeat-pdp>*{
min-width:0;
}
.hcofeat2-pdp{
grid-template-columns:1fr 1fr;
}
.hcofeat_card-pdp{
background:#FFFFFF;
border:1px solid rgba(19, 31, 16, 0.12);
padding:1.625rem;
border-radius:1.25rem;
}
.hcofeat_card-pdp svg{
width:26px;
margin-bottom:16px;
color:#4D9A00;
height:1.625rem;
}
.hcofeat_card-pdp h3{
color:#131F10;
margin-bottom:8px;
font-weight:700;
font-size:18px;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.hcofeat_card-pdp p{
color:#2E4229;
font-size:13px;
line-height:1.6;
}
.hcofeat_card-pdp b{
color:#131F10;
}
.hcobig-pdp{
gap:22px;
flex-wrap:wrap;
display:flex;
}
.hcobig_n-pdp{
font-weight:700;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:26px;
color:#4D9A00;
}
.hcobig_l-pdp{
font-size:12px;
color:#5A7252;
}
.hcoperson-pdp{
gap:0.875rem;
border-radius:0.813rem;
background:#FFFFFF;
padding:16px 1.125rem;
border:1px solid rgba(19, 31, 16, 0.12);
align-items:center;
display:flex;
}
.hcoavatar-pdp{
background:linear-gradient(135deg,#84CC16,#2E6300);
border-radius:50%;
flex:none;
width:2.75rem;
height:2.75rem;
}
.hcoperson_name-pdp{
font-size:0.875rem;
font-weight:700;
color:#131F10;
}
.hcoperson_role-pdp{
font-size:12px;
color:#5A7252;
}
.hcokv-pdp{
border-radius:0.813rem;
background:rgba(19, 31, 16, 0.12);
border:1px solid rgba(19, 31, 16, 0.12);
grid-template-columns:1fr 1fr;
gap:1px;
overflow:hidden;
display:grid;
}
.hcokv-pdp>div{
background:#F4F7F2;
padding:1rem 18px;
min-width:0;
}
.hcokv_k-pdp{
text-transform:uppercase;
font-size:9.5px;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:0.313rem;
color:#4D9A00;
}
.hcokv_v-pdp{
font-size:0.844rem;
color:#131F10;
font-weight:700;
}
@media(max-width:1024px){
.hcosplit_a-pdp,.hcosplit_b-pdp,.hcosplit_c-pdp,.hcopgrid-pdp{
grid-template-columns:1fr;
gap:1.5rem;
}
.hcofeat-pdp,.hcofeat2-pdp{
grid-template-columns:1fr;
}
.hcokv-pdp{
grid-template-columns:1fr;
}
}
.hcosh-pdp{
min-width:0;
margin-bottom:1rem;
}
.hcosh_row-pdp{
gap:0.75rem;
align-items:flex-end;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.hcosh_row-pdp .hcosh_l-pdp{
gap:0.375rem;
min-width:0;
display:flex;
flex-direction:column;
}
.hcosh_stack-pdp{
gap:0.625rem;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.hcosh_center-pdp{
gap:10px;
flex-direction:column;
display:flex;
align-items:center;
text-align:center;
}
.hcosh_h2-pdp{
gap:0.563rem;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
overflow-wrap:break-word;
display:flex;
color:#131F10;
line-height:1.1;
align-items:center;
font-size:1.25rem;
font-weight:700;
}
@media(min-width:769px){
.hcosh_h2-pdp{
font-size:1.5rem;
}
}
.hcoband-pdp .hcosh_h2-pdp{
color:#F0FAE8;
}
.hcoeb_mono-pdp{
text-transform:none;
letter-spacing:.08em;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
}
.hcoeb_mono-pdp::before{
content:"// ";
}
.hcoeb_upper-pdp{
letter-spacing:.14em;
text-transform:uppercase;
}
.hcoeb_pill-pdp{
border-radius:62.438rem;
padding:0.313rem 11px;
background:rgba(77, 154, 0, 0.11);
letter-spacing:.12em;
text-transform:uppercase;
}
.hcoeb_line-pdp{
gap:10px;
align-items:center;
display:inline-flex;
}
.hcoeb_line-pdp::before{
background:#4D9A00;
display:inline-block;
width:24px;
height:1px;
content:"";
}
.hcoband-pdp .hcoeb_line-pdp::before{
background:#AAEE2A;
}
.hcoband-pdp .hcoeb_pill-pdp{
background:rgba(255, 255, 255, 0.08);
}
.hcosh_link-pdp{
gap:6px;
transition:color 0.2s ease,border-color 0.2s ease;
border-bottom:1px solid #131F10;
padding-bottom:2px;
display:inline-flex;
font-weight:600;
align-items:center;
color:#131F10;
white-space:nowrap;
font-size:0.813rem;
}
.hcosh_link-pdp:hover{
border-color:#4D9A00;
color:#4D9A00;
}
.hcosh_link-pdp svg{
width:0.875rem;
height:14px;
}
.hcosh_link_chev-pdp{
font-size:12px;
color:#4D9A00;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
border-bottom:0;
padding-bottom:0;
}
.hcosh_link_btn-pdp{
border-radius:62.438rem;
padding:0.563rem 1.125rem;
background:#84CC16;
border-bottom:0;
color:#0D1A0A;
}
.hcosh_link_btn-pdp:hover{
border-color:transparent;
background:#6BB212;
}
.hcoband-pdp .hcosh_link-pdp{
border-color:#F0FAE8;
color:#F0FAE8;
}
.hcoband-pdp .hcosh_link_chev-pdp{
color:#AAEE2A;
}
.hcosh_rule-pdp{
background:rgba(19, 31, 16, 0.12);
margin:-2px 0 16px;
height:1px;
}
.hcoband-pdp .hcosh_rule-pdp{
background:rgba(255, 255, 255, 0.13);
}
.hcoseo_grid3-pdp{
grid-template-columns:repeat(3,1fr);
gap:1.25rem;
display:grid;
}
.hcoseo_grid4-pdp{
gap:13px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.hcoseo_grid3-pdp>*,.hcoseo_grid4-pdp>*{
min-width:0;
}
.hcoseo_card-pdp{
border-radius:0.813rem;
border:1px solid rgba(19, 31, 16, 0.12);
padding:24px;
background:#FFFFFF;
}
.hcoseo_card-pdp h3{
font-weight:700;
font-size:18px;
margin-bottom:0.5rem;
color:#131F10;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.hcoseo_card-pdp p{
line-height:1.6;
color:#2E4229;
font-size:13px;
}
.hcoseo_card_sm-pdp{
padding:1.25rem;
}
.hcoseo_card_sm-pdp h3{
font-size:1rem;
}
.hcoseo_card_sm-pdp p{
font-size:12.5px;
line-height:1.55;
}
.hcoseo_rtp_row-pdp{
gap:36px;
grid-template-columns:1fr 1fr;
display:grid;
margin-top:16px;
align-items:center;
}
.hcortp-pdp{
gap:14px;
display:flex;
min-width:0;
}
.hcortp-pdp>div{
padding:1rem;
flex:1;
background:#F4F7F2;
border-radius:13px;
min-width:0;
text-align:center;
}
.hcortp_n-pdp{
white-space:nowrap;
color:#4D9A00;
font-size:26px;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
}
.hcortp_l-pdp{
margin-top:4px;
color:#5A7252;
font-size:11px;
}
.hcocmp-pdp{
overflow:hidden;
border-radius:13px;
border:1px solid rgba(19, 31, 16, 0.12);
max-width:47.5rem;
}
.hcocmp_row-pdp{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:13px;
}
.hcocmp_row-pdp>div{
padding:0.813rem 0.875rem;
text-align:center;
min-width:0;
}
.hcocmp_row-pdp>div:first-child{
font-weight:600;
color:#131F10;
text-align:left;
padding-left:1.375rem;
}
.hcocmp_th-pdp{
background:#F4F7F2;
font-size:12.5px;
font-weight:700;
}
.hcocmp_row-pdp:not(.hcocmp_th-pdp){
background:#FFFFFF;
color:#2E4229;
border-top:1px solid rgba(19, 31, 16, 0.08);
}
.hcocmp_zebra-pdp{
background:#EDF2EB;
}
.hcoguide-pdp{
border:1px solid rgba(19, 31, 16, 0.12);
overflow:hidden;
border-radius:0.813rem;
background:#FFFFFF;
cursor:pointer;
}
.hcoguide_cover-pdp{
height:8.125rem;
}
.hcoguide_body-pdp{
padding:1.25rem;
}
.hcoguide_body-pdp h3{
margin:0.438rem 0 9px;
font-size:1rem;
font-weight:700;
color:#131F10;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.25;
}
.hcoguide_meta-pdp{
color:#5A7252;
font-size:11.5px;
}
.hcohub-pdp{
grid-template-columns:repeat(5,1fr);
gap:28px;
border-top:1px solid rgba(19, 31, 16, 0.08);
display:grid;
padding-top:1.75rem;
}
.hcohub-pdp>*{
min-width:0;
}
.hcohub-pdp h4{
font-weight:700;
margin-bottom:0.688rem;
color:#131F10;
font-size:13px;
}
.hcohub_col-pdp{
gap:8px;
font-size:13px;
display:flex;
flex-direction:column;
color:#2E4229;
}
.hcohub_col-pdp a{
cursor:pointer;
}
@media(max-width:1025px){
.hcoseo_grid3-pdp{
grid-template-columns:1fr;
}
.hcoseo_grid4-pdp{
grid-template-columns:repeat(2,1fr);
}
.hcoseo_rtp_row-pdp{
gap:1.25rem;
grid-template-columns:1fr;
}
.hcohub-pdp{
gap:1.375rem;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:561px){
.hcohub-pdp{
grid-template-columns:1fr;
}
}
.hcohero-pdp{
padding:46px 3rem;
border:1px solid rgba(19, 31, 16, 0.12);
overflow:hidden;
border-radius:20px;
background:linear-gradient(120deg,#111A0F,#0D1720);
position:relative;
color:#F0FAE8;
}
.hcohero_glow-pdp{
border-radius:50%;
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 70%);
width:340px;
height:340px;
right:-60px;
position:absolute;
top:-60px;
}
.hcohero_in-pdp{
position:relative;
max-width:600px;
}
.hcohero-pdp .hcoeyebrow-pdp{
color:#AAEE2A;
}
.hcopill_row-pdp{
border:1px solid rgba(255, 255, 255, 0.13);
gap:8px;
background:rgba(255, 255, 255, 0.08);
border-radius:62.438rem;
padding:0.375rem 13px;
color:#AAEE2A;
font-size:0.656rem;
display:inline-flex;
align-items:center;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:1.375rem;
text-transform:uppercase;
letter-spacing:.1em;
}
.hcohero_h1-pdp{
margin:18px 0;
font-weight:700;
overflow-wrap:break-word;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.02;
color:#F0FAE8;
font-size:54px;
letter-spacing:-.02em;
}
.hcohero_h1-pdp em{
color:#AAEE2A;
font-style:normal;
}
.hcohero_sub-pdp{
color:#A8C89E;
font-size:1.063rem;
line-height:1.55;
margin-bottom:1.75rem;
max-width:30rem;
}
.hcohero_cta-pdp{
gap:0.875rem;
display:flex;
flex-wrap:wrap;
align-items:center;
margin-bottom:1.625rem;
}
.hcohero_trust-pdp{
gap:14px;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.hcohero_rating_txt-pdp{
color:#A8C89E;
font-size:13px;
}
@media(max-width:1021px){
.hcohero-pdp{
padding:32px 1.5rem;
}
.hcohero_h1-pdp{
font-size:2.375rem;
}
}
@media(max-width:561px){
.hcohero_h1-pdp{
font-size:30px;
}
}
.hcostat-pdp{
grid-template-columns:repeat(4,1fr);
gap:0.875rem;
display:grid;
}
.hcostat-pdp>*{
min-width:0;
}
.hcostat_item-pdp{
background:#FFFFFF;
border-radius:0.813rem;
padding:18px 20px;
border:1px solid rgba(19, 31, 16, 0.12);
}
.hcostat_k-pdp{
font-size:9.5px;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:7px;
color:#5A7252;
text-transform:uppercase;
letter-spacing:.12em;
}
.hcostat_v-pdp{
gap:8px;
font-weight:700;
font-size:24px;
color:#131F10;
align-items:center;
overflow-wrap:anywhere;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
min-width:0;
display:flex;
}
.hcostat_v_accent-pdp{
color:#4D9A00;
}
@media(max-width:1021px){
.hcostat-pdp{
grid-template-columns:repeat(2,1fr);
}
}
.hcowlc-pdp{
grid-template-columns:1.2fr .8fr;
border-radius:1.25rem;
padding:36px 40px;
border:1px solid rgba(19, 31, 16, 0.12);
background:linear-gradient(120deg,#111A0F,#0D1720);
overflow:hidden;
gap:1.5rem;
display:grid;
align-items:center;
position:relative;
color:#F0FAE8;
}
.hcowlc-pdp>*{
min-width:0;
}
.hcowlc-pdp .hcoeyebrow-pdp{
color:#AAEE2A;
}
.hcowlc_glow-pdp{
border-radius:50%;
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 70%);
width:260px;
top:-40px;
position:absolute;
height:260px;
right:-2.5rem;
}
.hcowlc_in-pdp{
position:relative;
}
.hcowlc_h2-pdp{
margin:0.625rem 0 8px;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:2.125rem;
line-height:1.03;
font-weight:700;
color:#F0FAE8;
overflow-wrap:break-word;
}
.hcowlc_h2-pdp em{
font-style:normal;
color:#AAEE2A;
}
.hcowlc_sub-pdp{
line-height:1.55;
font-size:14px;
color:#A8C89E;
margin-bottom:1.125rem;
max-width:26.25rem;
}
.hcowlc_terms-pdp{
gap:10px;
display:flex;
position:relative;
flex-direction:column;
}
.hcoterm-pdp{
border:1px solid rgba(255, 255, 255, 0.13);
gap:11px;
background:rgba(255, 255, 255, 0.08);
border-radius:0.813rem;
padding:13px 0.938rem;
display:flex;
align-items:center;
}
.hcoterm-pdp svg{
flex:none;
color:#AAEE2A;
height:20px;
width:1.25rem;
}
.hcoterm_k-pdp{
letter-spacing:.1em;
font-size:0.594rem;
color:#A8C89E;
text-transform:uppercase;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
}
.hcoterm_v-pdp{
color:#F0FAE8;
margin-top:2px;
font-size:0.875rem;
font-weight:700;
}
@media(max-width:1027px){
.hcowlc-pdp{
grid-template-columns:1fr;
}
}
@media(max-width:558px){
.hcowlc_h2-pdp{
font-size:26px;
}
}
.hcojp-pdp{
grid-template-columns:1.5fr 1fr 1fr;
gap:0.875rem;
display:grid;
}
.hcojp-pdp>*{
min-width:0;
}
.hcojp_hero-pdp{
gap:14px;
border:1px solid rgba(19, 31, 16, 0.12);
overflow:hidden;
background:linear-gradient(135deg,#111A0F,#0D1720);
border-radius:1.25rem;
padding:26px;
min-height:11.25rem;
color:#F0FAE8;
justify-content:space-between;
flex-direction:column;
position:relative;
display:flex;
}
.hcojp_glow-pdp{
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 70%);
border-radius:50%;
height:180px;
top:-40px;
position:absolute;
width:11.25rem;
right:-40px;
}
.hcojp_k_row-pdp{
gap:10px;
position:relative;
justify-content:space-between;
align-items:center;
display:flex;
}
.hcojp_k-pdp{
color:#5A7252;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
font-size:0.625rem;
letter-spacing:.12em;
}
.hcojp_hero-pdp .hcojp_k-pdp{
color:#A8C89E;
}
.hcojp_amt-pdp{
position:relative;
font-size:2.625rem;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1;
font-weight:700;
color:#AAEE2A;
}
.hcojp_sub-pdp{
font-size:0.75rem;
margin-top:0.313rem;
color:#A8C89E;
}
.hcojp_cell-pdp{
border-radius:20px;
border:1px solid rgba(19, 31, 16, 0.12);
background:#FFFFFF;
padding:1.375rem;
min-height:180px;
display:flex;
justify-content:space-between;
flex-direction:column;
}
.hcojp_cell-pdp .hcojp_amt-pdp{
color:#131F10;
font-size:1.875rem;
}
.hcojp_cell-pdp .hcojp_sub-pdp{
color:#5A7252;
}
@media(max-width:1026px){
.hcojp-pdp{
grid-template-columns:1fr;
}
}
@media(max-width:558px){
.hcojp_amt-pdp{
font-size:32px;
}
}
.hcovip_head-pdp{
gap:12px;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:18px;
display:flex;
align-items:flex-end;
}
.hcovip_intro-pdp{
font-size:0.813rem;
max-width:26.25rem;
color:#2E4229;
}
.hcovip-pdp{
grid-template-columns:repeat(5,1fr);
gap:0.75rem;
display:grid;
}
.hcovip-pdp>*{
min-width:0;
}
.hcotier-pdp{
background:#FFFFFF;
border-radius:0.813rem;
padding:20px;
border:1px solid rgba(19, 31, 16, 0.12);
}
.hcotier_on-pdp{
background:rgba(77, 154, 0, 0.11);
border-color:#4D9A00;
}
.hcotier_medal-pdp{
background:linear-gradient(135deg,#84CC16,#2E6300);
border-radius:9px;
height:30px;
margin-bottom:14px;
width:30px;
}
.hcotier_name-pdp{
color:#131F10;
font-weight:700;
font-size:15px;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:0.313rem;
}
.hcotier_tx-pdp{
color:#5A7252;
font-size:0.719rem;
line-height:1.5;
}
@media(max-width:1023px){
.hcovip-pdp{
grid-template-columns:repeat(2,1fr);
}
}
.hcodw_h2-pdp{
line-height:1.08;
color:#131F10;
font-size:26px;
font-weight:700;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:0.625rem;
}
.hcosteps_v-pdp{
gap:10px;
grid-template-columns:1fr;
}
.hcosteps_v-pdp .hcostep-pdp{
padding:18px 20px;
}
@media(max-width:559px){
.hcodw_h2-pdp{
font-size:23px;
}
}
.hcosupp-pdp{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.hcosupp-pdp>*{
min-width:0;
}
.hcosupp_card-pdp{
border-radius:0.813rem;
border:1px solid rgba(19, 31, 16, 0.12);
background:#FFFFFF;
padding:24px;
}
.hcosupp_card-pdp svg{
margin-bottom:14px;
width:1.5rem;
color:#4D9A00;
height:1.5rem;
}
.hcosupp_card-pdp h3{
color:#131F10;
font-size:1rem;
margin-bottom:0.375rem;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
}
.hcosupp_card-pdp p{
line-height:1.55;
color:#2E4229;
font-size:13px;
}
@media(max-width:1023px){
.hcosupp-pdp{
grid-template-columns:1fr;
}
}
.hcobanner-pdp{
border-radius:1.25rem;
overflow:hidden;
background:linear-gradient(115deg,#111A0F,#0D1720);
gap:28px;
border:1px solid rgba(19, 31, 16, 0.12);
padding:36px 40px;
align-items:center;
flex-wrap:wrap;
position:relative;
justify-content:space-between;
color:#F0FAE8;
display:flex;
}
.hcobanner_glow-pdp{
background:radial-gradient(circle,rgba(163, 230, 53, 0.22),transparent 68%);
border-radius:50%;
width:12.5rem;
position:absolute;
top:50%;
height:12.5rem;
right:5rem;
transform:translateY(-50%);
}
.hcobanner_in-pdp{
max-width:560px;
position:relative;
}
.hcobanner-pdp .hcoeyebrow-pdp{
color:#AAEE2A;
}
.hcobanner_h2-pdp{
margin:0.625rem 0;
line-height:1.05;
font-size:30px;
font-weight:700;
color:#F0FAE8;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.hcobanner_text-pdp{
line-height:1.6;
color:#A8C89E;
font-size:14px;
}
@media(max-width:559px){
.hcobanner_h2-pdp{
font-size:24px;
}
}
.hcosteps-pdp{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.hcosteps-pdp>*{
min-width:0;
}
.hcostep-pdp{
border-radius:0.813rem;
background:#FFFFFF;
border:1px solid rgba(19, 31, 16, 0.12);
padding:24px;
position:relative;
}
.hcostep_num-pdp{
background:#84CC16;
border-radius:0.563rem;
color:#0D1A0A;
margin-bottom:14px;
font-size:0.813rem;
width:1.875rem;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
align-items:center;
font-weight:700;
height:1.875rem;
justify-content:center;
display:flex;
}
.hcostep_h-pdp{
margin-bottom:7px;
font-weight:700;
font-size:16px;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#131F10;
}
.hcostep_p-pdp{
font-size:0.813rem;
color:#2E4229;
line-height:1.55;
}
@media(max-width:1024px){
.hcosteps-pdp{
grid-template-columns:1fr;
}
}
.hconews-pdp{
padding:1.625rem 2rem;
background:linear-gradient(135deg,#111A0F,#0D1720);
border-radius:20px;
border:1px solid rgba(19, 31, 16, 0.12);
gap:24px;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
align-items:center;
color:#F0FAE8;
}
.hconews_h3-pdp{
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:4px;
color:#F0FAE8;
font-size:1.25rem;
font-weight:700;
}
.hconews_text-pdp{
font-size:0.813rem;
color:#A8C89E;
}
.hconews_form-pdp{
flex:1;
gap:10px;
max-width:27.5rem;
display:flex;
min-width:0;
}
.hconews_form-pdp .hcoinput-pdp{
min-width:0;
}
@media(max-width:560px){
.hconews_form-pdp{
width:100%;
}
}
.hcoinput-pdp{
border-radius:0.563rem;
flex:1;
padding:13px 1rem;
background:rgba(255, 255, 255, 0.08);
border:1px solid rgba(255, 255, 255, 0.13);
font-size:13.5px;
color:#A8C89E;
}
.hcopay_logos-pdp{
gap:9px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.hcopay_logos-pdp>*{
min-width:0;
}
.hcopay-pdp{
border-radius:9px;
border:1px solid rgba(19, 31, 16, 0.12);
font-size:0.75rem;
justify-content:center;
height:48px;
font-weight:700;
color:#2E4229;
display:flex;
align-items:center;
}
.hcotable-pdp{
border-radius:13px;
overflow:hidden;
border:1px solid rgba(19, 31, 16, 0.12);
}
.hcotrow-pdp{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:13px;
}
.hcotrow-pdp>div{
padding:13px 14px;
min-width:0;
}
.hcotrow-pdp>div:first-child{
font-weight:700;
padding-left:16px;
color:#131F10;
}
.hcotrow_th-pdp{
background:#F4F7F2;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.594rem;
color:#5A7252;
text-transform:uppercase;
letter-spacing:.06em;
}
.hcotrow-pdp:not(.hcotrow_th-pdp){
background:#FFFFFF;
border-top:1px solid rgba(19, 31, 16, 0.08);
color:#2E4229;
}
.hcotrow_zebra-pdp{
background:#EDF2EB;
}
.hcopos-pdp{
color:#4D9A00;
font-weight:700;
}
@media(max-width:1025px){
.hcopay_logos-pdp{
grid-template-columns:repeat(2,1fr);
}
}
.hcopromo_grid-pdp{
grid-template-columns:repeat(3,1fr);
gap:1rem;
display:grid;
}
.hcopromo_grid-pdp>*{
min-width:0;
}
.hcopromo-pdp{
overflow:hidden;
border:1px solid rgba(19, 31, 16, 0.12);
padding:1.5rem;
border-radius:20px;
background:#FFFFFF;
min-height:150px;
position:relative;
}
.hcopromo_h-pdp{
margin-top:6px;
font-weight:700;
line-height:1.05;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#131F10;
font-size:26px;
}
.hcopromo_h-pdp em{
font-style:normal;
color:#4D9A00;
}
.hcopromo_p-pdp{
line-height:1.5;
margin-top:8px;
color:#2E4229;
font-size:0.781rem;
}
.hcopromo_feat-pdp{
background:linear-gradient(135deg,#111A0F,#0D1720);
border-color:rgba(19, 31, 16, 0.12);
}
.hcopromo_feat-pdp .hcopromo_h-pdp{
color:#F0FAE8;
}
.hcopromo_feat-pdp .hcopromo_h-pdp em{
color:#AAEE2A;
}
.hcopromo_feat-pdp .hcopromo_p-pdp{
color:#A8C89E;
}
.hcopromo_feat-pdp .hcoeyebrow-pdp{
color:#AAEE2A;
}
@media(max-width:1025px){
.hcopromo_grid-pdp{
grid-template-columns:1fr;
}
}
.hcogm-pdp{
grid-template-columns:1.3fr 1fr;
gap:16px;
display:grid;
}
.hcogm-pdp>*{
min-width:0;
}
.hcogm_panel-pdp{
border:1px solid rgba(19, 31, 16, 0.12);
padding:1.75rem;
background:#FFFFFF;
border-radius:20px;
}
.hcogm_h2-pdp{
margin:10px 0 0.5rem;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:24px;
color:#131F10;
font-weight:700;
}
.hcogm_text-pdp{
color:#2E4229;
font-size:13.5px;
line-height:1.6;
margin-bottom:20px;
max-width:440px;
}
.hcogm_level-pdp{
gap:0.875rem;
display:flex;
margin-bottom:1rem;
align-items:center;
}
.hcogm_lv-pdp{
color:#4D9A00;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:24px;
font-weight:700;
}
.hcogm_bar_wrap-pdp{
flex:1;
min-width:0;
}
.hcogm_bar_meta-pdp{
justify-content:space-between;
font-size:10px;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
display:flex;
color:#5A7252;
margin-bottom:5px;
}
.hcobar-pdp{
background:#F4F7F2;
border-radius:999px;
overflow:hidden;
height:0.5rem;
}
.hcobar_fill-pdp{
border-radius:999px;
background:linear-gradient(90deg,#84CC16,#2E6300);
display:block;
height:100%;
}
.hcogm_missions-pdp{
gap:0.563rem;
flex-wrap:wrap;
display:flex;
}
.hcogm_refer-pdp{
border-radius:1.25rem;
border:1px solid rgba(19, 31, 16, 0.12);
padding:1.75rem;
background:linear-gradient(150deg,#111A0F,#0D1720);
overflow:hidden;
color:#F0FAE8;
flex-direction:column;
position:relative;
display:flex;
justify-content:space-between;
}
.hcogm_refer-pdp .hcoeyebrow-pdp{
color:#AAEE2A;
}
.hcogm_ref_h2-pdp{
margin:10px 0 8px;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:24px;
font-weight:700;
line-height:1.1;
color:#F0FAE8;
}
.hcogm_ref_h2-pdp em{
font-style:normal;
color:#AAEE2A;
}
.hcogm_ref_text-pdp{
line-height:1.55;
color:#A8C89E;
font-size:13px;
margin-bottom:18px;
}
@media(max-width:1025px){
.hcogm-pdp{
grid-template-columns:1fr;
}
}
.hcoab_h2-pdp{
margin:14px 0 1rem;
line-height:1.08;
font-size:32px;
font-weight:700;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#131F10;
}
.hcoab_body-pdp{
font-size:15px;
margin-bottom:14px;
color:#2E4229;
line-height:1.65;
}
.hcoab_chips-pdp{
gap:0.625rem;
flex-wrap:wrap;
margin-top:0.5rem;
display:flex;
}
.hcofaq-pdp{
gap:10px;
display:flex;
flex-direction:column;
}
.hcofaq_item-pdp{
padding:18px 22px;
background:#FFFFFF;
border:1px solid rgba(19, 31, 16, 0.12);
border-radius:13px;
}
.hcofaq_q-pdp{
gap:16px;
list-style:none;
font-weight:600;
justify-content:space-between;
cursor:pointer;
display:flex;
align-items:center;
color:#131F10;
font-size:15.5px;
}
.hcofaq_q-pdp::-webkit-details-marker{
display:none;
}
.hcofaq_q_t-pdp{
gap:0.625rem;
display:flex;
}
.hcofaq_q_i-pdp{
font-style:normal;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
color:#4D9A00;
}
.hcofaq_pm-pdp{
color:#4D9A00;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
font-size:20px;
}
.hcofaq_item-pdp[open] .hcofaq_pm-pdp{
transform:rotate(45deg);
}
.hcofaq_a-pdp{
line-height:1.6;
margin-top:12px;
color:#2E4229;
font-size:13.5px;
}
@media(max-width:560px){
.hcoab_h2-pdp{
font-size:26px;
}
}
.hcodispute-pdp{
border-radius:0.813rem;
padding:26px 30px;
gap:1.75rem;
border:1px dashed rgba(19, 31, 16, 0.22);
flex-wrap:wrap;
display:flex;
justify-content:space-between;
align-items:center;
}
.hcodispute_in-pdp{
max-width:41.25rem;
}
.hcodispute_h2-pdp{
font-size:1.375rem;
margin-bottom:8px;
color:#131F10;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
}
.hcodispute_text-pdp{
font-size:0.844rem;
color:#2E4229;
line-height:1.6;
}
.hcoet_h2-pdp{
margin:10px 0 0.875rem;
font-weight:700;
font-size:1.75rem;
color:#131F10;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.08;
}
.hcoet_right-pdp{
gap:0.625rem;
flex-direction:column;
display:flex;
}
.hcoet_updated-pdp{
border-radius:0.813rem;
background:#F4F7F2;
gap:0.625rem;
padding:14px 1.125rem;
border:1px solid rgba(19, 31, 16, 0.12);
display:flex;
font-size:0.75rem;
color:#2E4229;
align-items:center;
}
.hcoet_updated-pdp svg{
flex:none;
height:0.938rem;
width:15px;
color:#4D9A00;
}
.hcoet_updated-pdp b{
color:#131F10;
}
@media(max-width:560px){
.hcoet_h2-pdp{
font-size:1.5rem;
}
}
.hcoprovs-pdp{
gap:12px;
grid-template-columns:repeat(6,1fr);
margin-bottom:1.75rem;
display:grid;
}
.hcoprovs-pdp>*{
min-width:0;
}
.hcoprov-pdp{
border:1px solid rgba(19, 31, 16, 0.12);
border-radius:0.813rem;
background:#FFFFFF;
padding:0.75rem;
text-decoration:none;
height:64px;
align-items:center;
justify-content:center;
display:flex;
}
.hcoprov_img-pdp{
object-fit:contain;
max-height:2rem;
max-width:100%;
}
.hcoresp-pdp{
padding:1.625rem;
border:1px solid rgba(19, 31, 16, 0.12);
gap:1.5rem;
border-radius:13px;
background:#FFFFFF;
justify-content:space-between;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.hcoresp_in-pdp{
max-width:560px;
}
.hcoresp_h-pdp{
font-weight:700;
color:#131F10;
font-size:19px;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:8px;
}
.hcoresp_p-pdp{
color:#2E4229;
font-size:0.844rem;
line-height:1.6;
}
.hcoresp_badges-pdp{
gap:0.875rem;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.hcoage18-pdp{
border-radius:0.563rem;
padding:0.25rem 8px;
border:1.5px solid #E5322D;
color:#E5322D;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
font-size:13px;
font-weight:700;
}
.hcoresp_org-pdp{
font-size:0.813rem;
font-weight:600;
color:#5A7252;
}
@media(max-width:1027px){
.hcoprovs-pdp{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:560px){
.hcoprovs-pdp{
grid-template-columns:repeat(2,1fr);
}
}
.hcoop_h2-pdp{
margin:0.625rem 0 8px;
font-size:1.5rem;
line-height:1.1;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
color:#131F10;
}
.hcoop_text-pdp{
font-size:0.844rem;
line-height:1.6;
color:#2E4229;
}
@media(max-width:560px){
.hcoop_h2-pdp{
font-size:22px;
}
}
.hcorv_head-pdp{
gap:0.75rem;
align-items:flex-end;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:18px;
}
.hcorv_agg-pdp{
gap:0.625rem;
display:flex;
align-items:center;
}
.hcorv_source-pdp{
font-size:0.781rem;
color:#5A7252;
}
.hcorv_grid-pdp{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.hcorv_grid-pdp>*{
min-width:0;
}
.hcoreview-pdp{
background:#FFFFFF;
border:1px solid rgba(19, 31, 16, 0.12);
border-radius:13px;
padding:24px;
}
.hcoreview-pdp .hcostars-pdp{
margin-bottom:10px;
}
.hcoreview-pdp p{
font-weight:600;
font-size:14.5px;
line-height:1.5;
margin-bottom:0.875rem;
color:#131F10;
}
.hcoreview_by-pdp{
font-size:0.781rem;
color:#5A7252;
}
@media(max-width:1027px){
.hcorv_grid-pdp{
grid-template-columns:1fr;
}
}
.hcorc-pdp{
gap:32px;
grid-template-columns:1fr 1fr 1fr;
display:grid;
}
.hcorc-pdp>*{
min-width:0;
}
.hcorc_awards-pdp{
gap:11px;
display:flex;
flex-direction:column;
}
.hcoaward-pdp{
gap:11px;
align-items:center;
display:flex;
}
.hcoaward-pdp svg{
flex:none;
width:18px;
color:#F5A623;
height:18px;
}
.hcoaward_t-pdp{
color:#131F10;
font-weight:700;
font-size:0.844rem;
}
.hcoaward_s-pdp{
color:#5A7252;
font-size:11.5px;
}
.hcorc_press-pdp{
gap:0.625rem;
grid-template-columns:1fr 1fr;
display:grid;
}
.hcologo_cell-pdp{
border-radius:0.563rem;
border:1px solid rgba(19, 31, 16, 0.12);
height:48px;
color:#2E4229;
display:flex;
font-size:0.813rem;
font-weight:700;
justify-content:center;
align-items:center;
}
.hcorc_partner-pdp{
padding:20px;
background:#FFFFFF;
border:1px solid rgba(19, 31, 16, 0.12);
border-radius:13px;
}
.hcorc_partner_name-pdp{
font-weight:700;
font-family:"Manrope", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:18px;
margin-bottom:0.375rem;
color:#131F10;
}
.hcorc_partner_text-pdp{
font-size:12.5px;
color:#2E4229;
line-height:1.55;
}
@media(max-width:1025px){
.hcorc-pdp{
grid-template-columns:1fr;
gap:22px;
}
.hcorc_press-pdp{
grid-template-columns:repeat(4,1fr);
}
}
.hcofooter-pdp{
padding:2.5rem 28px;
background:#1A2118;
border-top:1px solid rgba(19, 31, 16, 0.08);
}
.hcofooter_grid-pdp{
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:2rem;
max-width:87.5rem;
margin-left:auto;
margin-right:auto;
display:grid;
margin-bottom:1.75rem;
}
.hcofooter_grid-pdp>*{
min-width:0;
}
.hcofooter_grid-pdp h4{
text-transform:uppercase;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
letter-spacing:.12em;
margin-bottom:0.813rem;
font-size:10px;
color:#8DA887;
}
.hcofcol-pdp{
gap:0.563rem;
color:#2E4229;
font-size:13px;
display:flex;
flex-direction:column;
}
.hcofcol-pdp a{
cursor:pointer;
}
.hcoft_about-pdp{
color:#5A7252;
line-height:1.6;
margin-top:12px;
font-size:0.813rem;
max-width:260px;
}
.hcoft_contact-pdp{
font-size:12.5px;
margin-top:12px;
overflow-wrap:anywhere;
font-family:"Spline Sans Mono", Menlo, Monaco, Consolas, monospace;
color:#4D9A00;
}
.hcofooter_bottom-pdp{
gap:1rem;
margin:0 auto;
max-width:87.5rem;
justify-content:space-between;
padding-top:1.25rem;
border-top:1px solid rgba(19, 31, 16, 0.08);
align-items:center;
flex-wrap:wrap;
display:flex;
}
.hcofooter_bottom-pdp p{
font-size:11px;
line-height:1.6;
color:#8DA887;
max-width:45rem;
}
@media(max-width:1022px){
.hcofooter_grid-pdp{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:557px){
.hcofooter_grid-pdp{
grid-template-columns:1fr;
}
}