*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F5F0E8;
color:#3A3226;
line-height:1.6;
-webkit-font-smoothing:antialiased;
font-size:15px;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
text-rendering:optimizeLegibility;
overflow-wrap:break-word;
}
img{
display:block;
max-width:100%;
}
a{
color:inherit;
text-decoration:none;
}
button{
border:none;
background:none;
cursor:pointer;
font-family:inherit;
}
::-webkit-scrollbar{
width:8px;
height:0.5rem;
}
::-webkit-scrollbar-thumb{
border-radius:8px;
background:rgba(0,0,0,0.52);
}
::-webkit-scrollbar-track{
background:transparent;
}
.ioplayout-zz8{
min-height:100vh;
display:flex;
flex-direction:column;
}
.iopmain-zz8{
flex:1 1 auto;
min-width:0;
width:100%;
}
.iopcontainer-zz8{
padding:0 1rem;
margin:0 auto;
width:100%;
max-width:1400px;
}
@media(min-width:771px){
.iopcontainer-zz8{
padding:0 32px;
}
}
@media(min-width:1097px){
.iopcontainer-zz8{
padding:0 56px;
}
}
.iopeyebrow-zz8{
text-transform:uppercase;
display:inline-block;
line-height:1.4;
font-size:11px;
color:#A8622A;
letter-spacing:.2em;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
overflow-wrap:break-word;
font-weight:600;
}
.iopband-zz8{
background:#1E1A11;
color:#F5EDDA;
}
.iopband-zz8 .iopeyebrow-zz8{
color:#D4955A;
}
@keyframes zm2-float{
0%,100%{
transform:translateY(0)}
50%{
transform:translateY(-12px)}
}
@keyframes zm2-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
.ioptb-zz8{
background:#F5F0E8;
top:0;
position:sticky;
border-bottom:1px solid rgba(28,23,16,0.15);
z-index:50;
}
.ioptb_in-zz8{
margin:0 auto;
gap:1rem;
padding:0.75rem 1rem;
justify-content:space-between;
align-items:center;
width:100%;
display:flex;
max-width:1400px;
}
@media(min-width:768px){
.ioptb_in-zz8{
padding:1rem 32px;
}
}
@media(min-width:1097px){
.ioptb_in-zz8{
padding:1.125rem 3.5rem;
}
}
.ioptb_left-zz8{
gap:28px;
display:flex;
align-items:center;
min-width:0;
}
.ioptb_logo-zz8{
gap:11px;
display:flex;
min-width:0;
align-items:center;
}
.ioptb_logo_mark-zz8{
flex:0 0 auto;
border-radius:0.5rem;
height:34px;
width:34px;
object-fit:cover;
}
.ioptb_logo_txt-zz8{
line-height:1;
display:flex;
min-width:0;
flex-direction:column;
}
.ioptb_logo_name-zz8{
overflow:hidden;
white-space:nowrap;
font-weight:700;
font-size:1.375rem;
color:#1C1710;
text-overflow:ellipsis;
font-family:"Lora", Georgia, 'Times New Roman', serif;
letter-spacing:.02em;
}
.ioptb_logo_sub-zz8{
overflow:hidden;
letter-spacing:.32em;
text-transform:uppercase;
color:#A8622A;
text-overflow:ellipsis;
margin-top:0.25rem;
font-weight:600;
white-space:nowrap;
font-size:8.5px;
}
.ioptb_nav-zz8{
display:none;
}
@media(min-width:957px){
.ioptb_nav-zz8{
gap:1.75rem;
align-items:center;
display:flex;
}
}
.ioptb_nav_item-zz8{
transition:color .2s ease,border-color .2s ease;
white-space:nowrap;
color:#3A3226;
font-weight:600;
font-size:14px;
padding-bottom:3px;
border-bottom:2px solid transparent;
}
.ioptb_nav_item-zz8:hover{
color:#1C1710;
}
.ioptb_nav_item-zz8.iopstate_active-zz8{
border-color:#A8622A;
color:#1C1710;
}
.ioptb_right-zz8{
gap:0.875rem;
flex:0 0 auto;
display:flex;
align-items:center;
}
.ioptb_search-zz8{
transition:color .2s ease;
display:flex;
justify-content:center;
color:#3A3226;
align-items:center;
}
.ioptb_search-zz8:hover{
color:#A8622A;
}
.ioptb_search-zz8 svg{
width:1.125rem;
height:18px;
}
.ioptb_lang-zz8{
color:#6B5E48;
text-transform:uppercase;
letter-spacing:.1em;
font-weight:600;
font-size:0.688rem;
}
.ioptb_lang-zz8:hover{
color:#1C1710;
}
.ioptb_login-zz8{
color:#1C1710;
font-size:14px;
font-weight:600;
display:none;
}
@media(min-width:765px){
.ioptb_login-zz8{
display:inline-block;
}
}
.ioptb_register-zz8{
background:#2A2318;
padding:11px 22px;
border-radius:999px;
transition:background-color .2s ease;
color:#F5EDDA;
font-size:0.875rem;
white-space:nowrap;
font-weight:700;
}
.ioptb_register-zz8:hover{
background:#3D3222;
}
.iopmob-zz8{
background:#F5F0E8;
border-top:1px solid rgba(28,23,16,0.15);
left:0;
padding-bottom:env(safe-area-inset-bottom);
bottom:0;
right:0;
z-index:60;
position:fixed;
}
@media(min-width:961px){
.iopmob-zz8{
display:none;
}
}
.iopmob_in-zz8{
margin:0 auto;
justify-content:space-around;
display:flex;
align-items:stretch;
max-width:35rem;
}
.iopmob_item-zz8{
padding:0.563rem 0.25rem;
flex:1 1 0;
gap:3px;
transition:color .2s ease;
flex-direction:column;
align-items:center;
min-width:0;
display:flex;
color:#6B5E48;
}
.iopmob_item-zz8.iopstate_active-zz8{
color:#A8622A;
}
.iopmob_ic-zz8{
display:flex;
align-items:center;
justify-content:center;
}
.iopmob_ic-zz8 svg{
height:20px;
width:20px;
}
.iopmob_lb-zz8{
overflow:hidden;
font-weight:600;
white-space:nowrap;
text-overflow:ellipsis;
max-width:100%;
font-size:0.625rem;
}
@media(max-width:960px){
body{
padding-bottom:3.75rem;
}
}
.ioprail-zz8{
min-width:0;
position:relative;
}
.ioprail_scroll-zz8{
gap:0.875rem;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
display:flex;
overflow-x:auto;
padding-bottom:14px;
}
@media(min-width:766px){
.ioprail_scroll-zz8{
gap:18px;
}
}
.iopgc-zz8{
flex:0 0 auto;
width:150px;
display:block;
}
@media(min-width:767px){
.iopgc-zz8{
width:188px;
}
}
.iopgc_img-zz8{
border-radius:0.875rem;
overflow:hidden;
background:#FBF8F2;
position:relative;
padding-bottom:133.33%;
box-shadow:0 2px 6px rgba(28,23,16,0.07), 0 8px 20px rgba(28,23,16,0.09);
}
.iopgc_img-zz8 img{
inset:0;
object-fit:cover;
height:100%;
width:100%;
position:absolute;
}
.iopgc_cover-zz8{
inset:0;
background:linear-gradient(160deg,transparent 55%,rgba(0,0,0,0.52));
pointer-events:none;
position:absolute;
}
.iopgc_hover-zz8{
inset:0;
transition:opacity .2s ease;
background:rgba(0,0,0,0.52);
justify-content:center;
align-items:center;
opacity:0;
display:flex;
position:absolute;
}
.iopgc-zz8:hover .iopgc_hover-zz8{
opacity:1;
}
.iopgc_hover_btn-zz8{
background:#2A2318;
border-radius:999px;
justify-content:center;
align-items:center;
display:flex;
width:46px;
height:2.875rem;
color:#F5EDDA;
}
.iopgc_hover_btn-zz8 svg{
width:1.125rem;
height:1.125rem;
}
.iopgc_info-zz8{
gap:2px;
display:flex;
flex-direction:column;
min-width:0;
margin-top:9px;
}
.iopgc_name-zz8{
overflow:hidden;
text-overflow:ellipsis;
font-weight:700;
font-size:13px;
color:#1C1710;
white-space:nowrap;
}
.iopgc_prov-zz8{
overflow:hidden;
text-overflow:ellipsis;
font-size:0.688rem;
color:#6B5E48;
white-space:nowrap;
}
.iopgc_meta-zz8{
color:#6B5E48;
font-size:0.688rem;
}
.ioptc-zz8{
flex:0 0 auto;
width:11.25rem;
display:block;
}
@media(min-width:765px){
.ioptc-zz8{
width:230px;
}
}
.ioptc_img-zz8{
border-radius:14px;
background:#FBF8F2;
overflow:hidden;
padding-bottom:75%;
box-shadow:0 2px 6px rgba(28,23,16,0.07), 0 0.5rem 1.25rem rgba(28,23,16,0.09);
position:relative;
}
.ioptc_img-zz8 img{
inset:0;
width:100%;
object-fit:cover;
height:100%;
position:absolute;
}
.ioptc_info-zz8{
gap:2px;
display:flex;
margin-top:9px;
min-width:0;
flex-direction:column;
}
.ioptc_name-zz8{
overflow:hidden;
font-size:14px;
color:#1C1710;
font-weight:700;
white-space:nowrap;
text-overflow:ellipsis;
}
.ioptc_rtp-zz8{
color:#6B5E48;
font-size:11px;
}
.ioplc-zz8{
flex:0 0 auto;
width:230px;
display:block;
}
@media(min-width:766px){
.ioplc-zz8{
width:268px;
}
}
.ioplc_img-zz8{
background:#FBF8F2;
border-radius:14px;
overflow:hidden;
position:relative;
box-shadow:0 2px 6px rgba(28,23,16,0.07), 0 8px 1.25rem rgba(28,23,16,0.09);
padding-bottom:62.5%;
}
.ioplc_img-zz8 img{
inset:0;
position:absolute;
object-fit:cover;
width:100%;
height:100%;
}
.ioplc_live-zz8{
padding:4px 0.563rem;
gap:0.438rem;
background:rgba(0,0,0,0.52);
border-radius:999px;
align-items:center;
top:12px;
left:0.75rem;
display:flex;
position:absolute;
}
.ioplc_live_dot-zz8{
animation:zm2-pulse 1.6s infinite;
background:#B83A2A;
border-radius:50%;
width:8px;
height:8px;
}
.ioplc_seats-zz8{
font-weight:600;
letter-spacing:.08em;
color:#F5EDDA;
text-transform:uppercase;
font-size:0.625rem;
}
.ioplc_info-zz8{
gap:2px;
min-width:0;
margin-top:9px;
display:flex;
flex-direction:column;
}
.ioplc_name-zz8{
overflow:hidden;
font-weight:700;
color:#1C1710;
white-space:nowrap;
text-overflow:ellipsis;
font-size:15px;
}
.ioplc_bet-zz8{
color:#6B5E48;
font-size:11px;
}
.ioppc-zz8{
padding:1rem 0.875rem;
border:1px solid rgba(28,23,16,0.08);
gap:0.5rem;
background:#FBF8F2;
border-radius:0.875rem;
flex-direction:column;
min-height:74px;
justify-content:center;
align-items:center;
min-width:0;
display:flex;
}
.ioppc_logo-zz8{
flex:0 0 auto;
width:auto;
height:28px;
object-fit:contain;
max-width:100%;
}
.ioppc_name-zz8{
overflow:hidden;
max-width:100%;
font-size:0.688rem;
white-space:nowrap;
color:#6B5E48;
text-overflow:ellipsis;
text-align:center;
}
.iopgc_tag-zz8{
padding:3px 0.5rem;
border-radius:0.5rem;
top:0.625rem;
font-size:0.625rem;
letter-spacing:.06em;
font-weight:700;
left:0.625rem;
position:absolute;
z-index:2;
text-transform:uppercase;
display:inline-block;
}
.iopgc_tag_hot-zz8{
background:#B83A2A;
color:#F5EDDA;
}
.iopgc_tag_new-zz8{
background:#C8824E;
color:#1C1710;
}
.iopgc_tag_jp-zz8{
background:#C09230;
color:#1C1710;
}
.iopgc_tag_live-zz8{
background:#B83A2A;
color:#F5EDDA;
}
.iopsh-zz8{
min-width:0;
margin-bottom:1.125rem;
}
.iopsh_row-zz8{
gap:16px;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
display:flex;
}
.iopsh_row-zz8 .iopsh_l-zz8{
gap:0.375rem;
display:flex;
min-width:0;
flex-direction:column;
}
.iopsh_stack-zz8{
gap:10px;
flex-direction:column;
display:flex;
align-items:flex-start;
}
.iopsh_center-zz8{
gap:10px;
text-align:center;
flex-direction:column;
align-items:center;
display:flex;
}
.iopsh_h2-zz8{
color:#1C1710;
line-height:1.1;
overflow-wrap:break-word;
font-weight:600;
font-size:1.5rem;
font-family:"Lora", Georgia, 'Times New Roman', serif;
}
@media(min-width:766px){
.iopsh_h2-zz8{
font-size:1.875rem;
}
}
.iopband-zz8 .iopsh_h2-zz8{
color:#F5EDDA;
}
.iopsh_eb_line-zz8{
gap:0.625rem;
align-items:center;
display:inline-flex;
}
.iopsh_eb_line-zz8::before{
background:#A8622A;
width:1.75rem;
height:1px;
display:inline-block;
content:"";
}
.iopband-zz8 .iopsh_eb_line-zz8::before{
background:#D4955A;
}
.iopsh_eb_dot-zz8{
gap:0.5rem;
display:inline-flex;
align-items:center;
}
.iopsh_eb_dot-zz8::before{
background:#A8622A;
border-radius:50%;
height:0.375rem;
width:0.375rem;
display:inline-block;
content:"";
}
.iopband-zz8 .iopsh_eb_dot-zz8::before{
background:#D4955A;
}
.iopsh_link-zz8{
transition:color .2s ease,border-color .2s ease,background-color .2s ease;
gap:6px;
white-space:nowrap;
font-weight:600;
border-bottom:1px solid #1C1710;
display:inline-flex;
padding-bottom:2px;
color:#1C1710;
font-size:0.813rem;
align-items:center;
}
.iopsh_link-zz8:hover{
border-color:#A8622A;
color:#A8622A;
}
.iopsh_link-zz8 svg{
width:0.875rem;
height:14px;
}
.iopsh_link_chev-zz8{
padding-bottom:0;
border-bottom:0;
}
.iopsh_link_btn-zz8{
padding:9px 1.125rem;
background:#2A2318;
border-radius:62.438rem;
border-bottom:0;
color:#F5EDDA;
}
.iopsh_link_btn-zz8:hover{
background:#3D3222;
border-color:transparent;
color:#F5EDDA;
}
.iopband-zz8 .iopsh_link-zz8{
border-color:#F5EDDA;
color:#F5EDDA;
}
.iopband-zz8 .iopsh_link_btn-zz8{
background:#D4955A;
color:#1C1710;
}
.iopsh_rule-zz8{
margin:-2px 0 18px;
background:rgba(28,23,16,0.15);
height:1px;
}
.iopband-zz8 .iopsh_rule-zz8{
background:rgba(255,245,220,0.13);
}
.iophero-zz8{
padding:32px 0 0.5rem;
}
@media(min-width:769px){
.iophero-zz8{
padding:56px 0 24px;
}
}
.iophero_in-zz8{
grid-template-columns:1fr;
gap:2rem;
align-items:center;
display:grid;
}
@media(min-width:902px){
.iophero_in-zz8{
gap:48px;
grid-template-columns:1.05fr .95fr;
}
}
.iophero_copy-zz8{
min-width:0;
}
.iophero_eyebrow-zz8{
gap:10px;
display:inline-flex;
align-items:center;
margin-bottom:1.375rem;
}
.iophero_eyebrow_line-zz8{
background:#A8622A;
flex:0 0 auto;
width:28px;
display:inline-block;
height:1px;
}
.iophero_h1-zz8{
letter-spacing:-.01em;
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-weight:600;
color:#1C1710;
line-height:1.04;
margin-bottom:20px;
font-size:2.375rem;
overflow-wrap:break-word;
}
@media(min-width:770px){
.iophero_h1-zz8{
font-size:3.375rem;
}
}
@media(min-width:1099px){
.iophero_h1-zz8{
font-size:3.875rem;
}
}
.iophero_h1-zz8 em{
color:#A8622A;
font-style:normal;
}
.iophero_sub-zz8{
color:#8C7D66;
margin-bottom:30px;
font-size:1rem;
line-height:1.6;
max-width:30rem;
}
@media(min-width:771px){
.iophero_sub-zz8{
font-size:18px;
}
}
.iophero_actions-zz8{
gap:14px;
flex-wrap:wrap;
display:flex;
align-items:center;
margin-bottom:2.125rem;
}
.iophero_cta-zz8{
background:#2A2318;
border-radius:999px;
transition:background-color .2s ease;
padding:16px 30px;
gap:10px;
display:inline-flex;
color:#F5EDDA;
font-size:0.938rem;
font-weight:700;
align-items:center;
}
.iophero_cta-zz8:hover{
background:#3D3222;
}
.iophero_cta_ic-zz8{
align-items:center;
display:inline-flex;
}
.iophero_cta_ic-zz8 svg{
height:16px;
width:16px;
}
.iophero_cta_alt-zz8{
border-radius:62.438rem;
border:1px solid rgba(28,23,16,0.15);
background:transparent;
transition:border-color .2s ease,color .2s ease;
padding:0.938rem 1.625rem;
align-items:center;
display:inline-flex;
font-size:15px;
color:#1C1710;
font-weight:600;
}
.iophero_cta_alt-zz8:hover{
border-color:#A8622A;
color:#A8622A;
}
.iophero_trust-zz8{
gap:1.375rem;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.iophero_trust_item-zz8{
gap:0.563rem;
display:flex;
font-weight:600;
color:#3A3226;
align-items:center;
font-size:13px;
}
.iophero_trust_ic-zz8{
color:#A8622A;
display:inline-flex;
align-items:center;
}
.iophero_trust_ic-zz8 svg{
width:1rem;
height:1rem;
}
.iophero_promo-zz8{
border-radius:20px;
background:#FBF8F2;
overflow:hidden;
position:relative;
display:flex;
box-shadow:0 12px 48px rgba(28,23,16,0.14), 0 3px 10px rgba(28,23,16,0.08);
min-height:18.75rem;
}
.iophero_promo_bg-zz8{
inset:0;
background-size:cover;
position:absolute;
background-position:center;
}
.iophero_promo_bg-zz8::after{
background:linear-gradient(120deg,#1E1A11 0%,rgba(0,0,0,0.52) 55%,transparent 100%);
inset:0;
position:absolute;
content:"";
}
.iophero_promo_glow-zz8{
background:radial-gradient(circle,rgba(180,120,50,0.18) 0%,transparent 65%);
border-radius:50%;
height:16.25rem;
top:-2.5rem;
position:absolute;
width:16.25rem;
right:-1.25rem;
pointer-events:none;
}
.iophero_promo_ct-zz8{
padding:1.75rem;
align-self:flex-end;
max-width:88%;
position:relative;
z-index:2;
}
.iophero_promo_label-zz8{
display:block;
letter-spacing:.25em;
font-weight:700;
text-transform:uppercase;
color:#D4955A;
margin-bottom:8px;
font-size:0.625rem;
}
.iophero_promo_amount-zz8{
font-size:2rem;
overflow-wrap:break-word;
line-height:1.05;
font-weight:600;
font-family:"Lora", Georgia, 'Times New Roman', serif;
color:#F5EDDA;
}
@media(min-width:766px){
.iophero_promo_amount-zz8{
font-size:2.5rem;
}
}
.iophero_promo_amount-zz8 em{
color:#D4955A;
font-style:normal;
}
.iophero_rating-zz8{
background:#FBF8F2;
padding:0.625rem 14px;
gap:10px;
border-radius:0.875rem;
border:1px solid rgba(28,23,16,0.08);
max-width:min(260px,62%);
box-shadow:0 2px 6px rgba(28,23,16,0.07), 0 0.5rem 20px rgba(28,23,16,0.09);
top:14px;
position:absolute;
align-items:center;
display:flex;
z-index:3;
right:14px;
}
.iophero_rating_score-zz8{
flex:0 0 auto;
font-family:"Lora", Georgia, 'Times New Roman', serif;
color:#1C1710;
font-size:24px;
font-weight:700;
}
.iophero_rating_txt-zz8{
flex:1 1 auto;
min-width:0;
}
.iophero_rating_stars-zz8{
gap:2px;
color:#A8622A;
display:flex;
}
.iophero_rating_stars-zz8 svg{
height:0.75rem;
width:0.75rem;
}
.iophero_rating_cap-zz8{
color:#6B5E48;
margin-top:3px;
line-height:1.35;
font-size:0.688rem;
overflow-wrap:break-word;
display:block;
}
.iopstat-zz8{
border-top:1px solid rgba(28,23,16,0.15);
margin-top:1rem;
border-bottom:1px solid rgba(28,23,16,0.15);
}
.iopstat_in-zz8{
grid-template-columns:repeat(2,1fr);
display:grid;
}
@media(min-width:770px){
.iopstat_in-zz8{
grid-template-columns:repeat(4,1fr);
}
}
.iopstat_item-zz8{
padding:1.375rem 14px;
min-width:0;
border-right:1px solid rgba(28,23,16,0.08);
border-bottom:1px solid rgba(28,23,16,0.08);
}
.iopstat_item-zz8:nth-child(2n){
border-right:0;
}
.iopstat_item-zz8:nth-child(n+3){
border-bottom:0;
}
@media(min-width:765px){
.iopstat_item-zz8{
border-bottom:0;
}
.iopstat_item-zz8:nth-child(2n){
border-right:1px solid rgba(28,23,16,0.08);
}
.iopstat_item-zz8:nth-child(4n){
border-right:0;
}
}
.iopstat_value-zz8{
overflow-wrap:break-word;
font-family:"Lora", Georgia, 'Times New Roman', serif;
line-height:1;
font-size:30px;
font-weight:700;
color:#1C1710;
}
@media(min-width:769px){
.iopstat_value-zz8{
font-size:2.125rem;
}
}
.iopstat_label-zz8{
margin-top:0.375rem;
overflow-wrap:break-word;
color:#6B5E48;
line-height:1.4;
font-size:13px;
}
.iopgrow-zz8{
padding:26px 0 10px;
}
.ioprow_seo-zz8{
margin:10px 0 0;
max-width:760px;
line-height:1.65;
overflow-wrap:break-word;
color:#8C7D66;
font-size:14px;
}
.ioprow_seo-zz8 strong{
color:#1C1710;
font-weight:700;
}
.iopjp-zz8{
padding:30px 0 0.625rem;
}
.iopjp_grid-zz8{
gap:1rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:769px){
.iopjp_grid-zz8{
grid-template-columns:1fr 1fr;
}
.iopjp_card_mega-zz8{
grid-column:1/-1;
}
}
@media(min-width:997px){
.iopjp_grid-zz8{
grid-template-columns:1.4fr 1fr 1fr;
}
.iopjp_card_mega-zz8{
grid-column:auto;
}
}
.iopjp_card-zz8{
padding:1.625rem;
border:1px solid rgba(28,23,16,0.08);
gap:12px;
border-radius:1.25rem;
background:#FBF8F2;
overflow:hidden;
flex-direction:column;
position:relative;
min-width:0;
display:flex;
justify-content:space-between;
min-height:12.5rem;
}
.iopjp_card_mega-zz8{
border-color:transparent;
background:linear-gradient(135deg,#2C2416,#131008);
color:#F5EDDA;
min-height:13.125rem;
}
.iopjp_glow-zz8{
border-radius:50%;
background:radial-gradient(circle,rgba(180,120,50,0.18),transparent 70%);
top:-2.5rem;
position:absolute;
pointer-events:none;
right:-40px;
width:12.5rem;
height:200px;
}
.iopjp_label-zz8{
gap:0.625rem;
display:flex;
text-transform:uppercase;
color:#A8622A;
align-items:center;
position:relative;
font-weight:700;
justify-content:space-between;
letter-spacing:.16em;
font-size:10px;
flex-wrap:wrap;
}
.iopjp_card_mega-zz8 .iopjp_label-zz8{
color:#D4955A;
}
.iopjp_drop-zz8{
font-weight:600;
text-transform:none;
color:#6B5E48;
letter-spacing:.04em;
}
.iopjp_card_mega-zz8 .iopjp_drop-zz8{
color:#B8A98C;
}
.iopjp_amount-zz8{
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-size:38px;
line-height:1;
overflow-wrap:break-word;
position:relative;
font-weight:700;
color:#1C1710;
}
.iopjp_card_mega-zz8 .iopjp_amount-zz8{
animation:zm2-pulse 2.4s infinite;
font-size:3rem;
color:#D4955A;
}
@media(min-width:769px){
.iopjp_card_mega-zz8 .iopjp_amount-zz8{
font-size:3.375rem;
}
}
.iopjp_game-zz8{
position:relative;
color:#6B5E48;
font-size:0.813rem;
}
.iopjp_card_mega-zz8 .iopjp_game-zz8{
color:#B8A98C;
}
.iopjp_cta-zz8{
align-self:flex-start;
position:relative;
}
.iopjp_card_mega-zz8 .iopjp_cta-zz8{
transition:opacity .2s ease;
background:#D4955A;
padding:0.625rem 20px;
border-radius:62.438rem;
color:#1C1710;
font-size:13px;
font-weight:700;
}
.iopjp_card_mega-zz8 .iopjp_cta-zz8:hover{
opacity:.9;
}
.iopjp_card-zz8:not(.iopjp_card_mega-zz8) .iopjp_cta-zz8{
transition:color .2s ease,border-color .2s ease;
border-bottom:1px solid #1C1710;
padding-bottom:2px;
color:#1C1710;
font-size:13px;
font-weight:700;
}
.iopjp_card-zz8:not(.iopjp_card_mega-zz8) .iopjp_cta-zz8:hover{
border-color:#A8622A;
color:#A8622A;
}
.iopjp_seo-zz8{
margin:14px 0 0;
max-width:47.5rem;
overflow-wrap:break-word;
line-height:1.65;
font-size:14px;
color:#8C7D66;
}
.iopjp_seo-zz8 strong{
font-weight:700;
color:#1C1710;
}
.iopgrow-zz8{
padding:26px 0 0.625rem;
}
.ioprow_seo-zz8{
margin:0.625rem 0 0;
font-size:0.875rem;
line-height:1.65;
overflow-wrap:break-word;
color:#8C7D66;
max-width:760px;
}
.ioprow_seo-zz8 strong{
color:#1C1710;
font-weight:700;
}
.iopgrow-zz8{
padding:26px 0 10px;
}
.ioprow_seo-zz8{
margin:0.625rem 0 0;
font-size:14px;
color:#8C7D66;
max-width:47.5rem;
overflow-wrap:break-word;
line-height:1.65;
}
.ioprow_seo-zz8 strong{
color:#1C1710;
font-weight:700;
}
.ioppr-zz8{
padding:1.875rem 0 0.375rem;
}
.ioppr_card-zz8{
background:#FBF8F2;
flex:0 0 auto;
overflow:hidden;
border-radius:1.25rem;
gap:10px;
border:1px solid rgba(28,23,16,0.08);
padding:1.625rem;
display:flex;
min-height:200px;
width:17.5rem;
flex-direction:column;
position:relative;
}
@media(min-width:770px){
.ioppr_card-zz8{
width:300px;
}
}
.ioppr_card_feat-zz8{
background:linear-gradient(150deg,#2C2416,#131008);
border-color:transparent;
color:#F5EDDA;
}
.ioppr_glow-zz8{
background:radial-gradient(circle,rgba(180,120,50,0.18),transparent 70%);
border-radius:50%;
right:-1.875rem;
position:absolute;
width:8.125rem;
height:130px;
opacity:0;
top:-30px;
pointer-events:none;
}
.ioppr_card_feat-zz8 .ioppr_glow-zz8{
opacity:1;
}
.ioppr_label-zz8{
font-size:10px;
text-transform:uppercase;
color:#A8622A;
font-weight:700;
letter-spacing:.16em;
position:relative;
}
.ioppr_card_feat-zz8 .ioppr_label-zz8{
color:#D4955A;
}
.ioppr_amount-zz8{
position:relative;
font-size:1.625rem;
line-height:1.08;
font-family:"Lora", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
font-weight:600;
color:#1C1710;
}
.ioppr_card_feat-zz8 .ioppr_amount-zz8{
color:#F5EDDA;
}
.ioppr_amount-zz8 em{
font-style:normal;
color:#A8622A;
}
.ioppr_card_feat-zz8 .ioppr_amount-zz8 em{
color:#D4955A;
}
.ioppr_terms-zz8{
position:relative;
color:#6B5E48;
line-height:1.5;
font-size:13px;
}
.ioppr_card_feat-zz8 .ioppr_terms-zz8{
color:#B8A98C;
}
.ioppr_cta-zz8{
align-self:flex-start;
margin-top:auto;
position:relative;
}
.ioppr_card_feat-zz8 .ioppr_cta-zz8{
background:#D4955A;
padding:9px 18px;
transition:opacity .2s ease;
border-radius:999px;
color:#1C1710;
font-size:0.813rem;
font-weight:700;
}
.ioppr_card_feat-zz8 .ioppr_cta-zz8:hover{
opacity:.9;
}
.ioppr_card-zz8:not(.ioppr_card_feat-zz8) .ioppr_cta-zz8{
transition:color .2s ease,border-color .2s ease;
font-size:0.813rem;
padding-bottom:2px;
border-bottom:1px solid #1C1710;
color:#1C1710;
font-weight:700;
}
.ioppr_card-zz8:not(.ioppr_card_feat-zz8) .ioppr_cta-zz8:hover{
border-color:#A8622A;
color:#A8622A;
}
.iopgm-zz8{
padding:1.875rem 0 10px;
}
.iopgm_in-zz8{
grid-template-columns:1fr;
gap:18px;
display:grid;
}
@media(min-width:882px){
.iopgm_in-zz8{
grid-template-columns:1.25fr 1fr;
}
}
.iopgm_left-zz8{
border-radius:20px;
background:#FBF8F2;
border:1px solid rgba(28,23,16,0.08);
padding:32px;
min-width:0;
}
.iopgm_eyebrow-zz8{
margin-bottom:10px;
}
.iopgm_h2-zz8{
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-size:26px;
overflow-wrap:break-word;
line-height:1.06;
font-weight:600;
color:#1C1710;
margin-bottom:0.5rem;
}
@media(min-width:768px){
.iopgm_h2-zz8{
font-size:28px;
}
}
.iopgm_text-zz8{
color:#8C7D66;
margin-bottom:1.375rem;
max-width:30rem;
line-height:1.6;
font-size:0.875rem;
}
.iopgm_level-zz8{
margin-bottom:0.5rem;
font-weight:700;
color:#A8622A;
font-size:1.375rem;
font-family:"Lora", Georgia, 'Times New Roman', serif;
}
.iopgm_bar-zz8{
background:rgba(28,23,16,0.15);
overflow:hidden;
border-radius:999px;
margin-bottom:6px;
height:8px;
}
.iopgm_bar_fill-zz8{
background:linear-gradient(90deg,#A8622A,#D4955A);
border-radius:62.438rem;
height:100%;
}
.iopgm_bar_meta-zz8{
gap:10px;
font-size:0.688rem;
margin-bottom:1.125rem;
display:flex;
color:#6B5E48;
justify-content:space-between;
}
.iopgm_missions-zz8{
gap:10px;
display:flex;
flex-wrap:wrap;
}
.iopgm_mission-zz8{
padding:9px 15px;
border:1px solid rgba(28,23,16,0.15);
gap:0.438rem;
border-radius:62.438rem;
background:#F5F0E8;
font-weight:600;
font-size:0.781rem;
color:#3A3226;
align-items:center;
display:inline-flex;
}
.iopgm_mission_ic-zz8{
color:#A8622A;
display:inline-flex;
align-items:center;
}
.iopgm_mission_ic-zz8 svg{
height:0.813rem;
width:13px;
}
.iopgm_right-zz8{
padding:2rem;
background:linear-gradient(150deg,#2C2416,#131008);
overflow:hidden;
border-radius:1.25rem;
flex-direction:column;
display:flex;
color:#F5EDDA;
position:relative;
}
.iopgm_glow-zz8{
background:radial-gradient(circle,rgba(180,120,50,0.18),transparent 70%);
border-radius:50%;
width:150px;
right:-1.875rem;
top:-1.875rem;
height:9.375rem;
pointer-events:none;
position:absolute;
}
.iopgm_ref_eyebrow-zz8{
position:relative;
margin-bottom:0.625rem;
}
.iopgm_ref_h2-zz8{
line-height:1.1;
font-weight:600;
color:#F5EDDA;
overflow-wrap:break-word;
font-size:1.625rem;
margin-bottom:0.5rem;
position:relative;
font-family:"Lora", Georgia, 'Times New Roman', serif;
}
.iopgm_ref_text-zz8{
position:relative;
margin-bottom:1.25rem;
font-size:13.5px;
color:#B8A98C;
line-height:1.55;
}
.iopgm_ref_cta-zz8{
transition:opacity .2s ease;
background:#D4955A;
border-radius:999px;
padding:11px 1.375rem;
font-size:13.5px;
margin-top:auto;
position:relative;
font-weight:700;
color:#1C1710;
align-self:flex-start;
}
.iopgm_ref_cta-zz8:hover{
opacity:.9;
}
.iopnl-zz8{
padding:1.5rem 0 0.625rem;
}
.iopnl_in-zz8{
background:#241F14;
gap:1.375rem;
padding:30px 32px;
border-radius:1.25rem;
flex-direction:column;
color:#F5EDDA;
display:flex;
}
@media(min-width:768px){
.iopnl_in-zz8{
gap:28px;
justify-content:space-between;
flex-direction:row;
align-items:center;
}
}
.iopnl_text_wrap-zz8{
min-width:0;
}
.iopnl_h3-zz8{
font-family:"Lora", Georgia, 'Times New Roman', serif;
margin-bottom:5px;
line-height:1.1;
font-size:1.375rem;
overflow-wrap:break-word;
color:#F5EDDA;
font-weight:600;
}
@media(min-width:768px){
.iopnl_h3-zz8{
font-size:1.5rem;
}
}
.iopnl_text-zz8{
line-height:1.5;
font-size:13.5px;
color:#B8A98C;
}
.iopnl_form-zz8{
gap:10px;
flex:1 1 auto;
min-width:0;
display:flex;
max-width:460px;
}
.iopnl_input-zz8{
flex:1 1 auto;
overflow:hidden;
background:rgba(255,245,220,0.07);
border-radius:0.875rem;
border:1px solid rgba(255,245,220,0.13);
padding:13px 1rem;
display:flex;
color:#B8A98C;
align-items:center;
white-space:nowrap;
min-width:0;
text-overflow:ellipsis;
font-size:0.875rem;
}
.iopnl_btn-zz8{
border-radius:0.875rem;
background:#D4955A;
padding:13px 24px;
transition:opacity .2s ease;
flex:0 0 auto;
font-weight:700;
white-space:nowrap;
font-size:14px;
color:#1C1710;
}
.iopnl_btn-zz8:hover{
opacity:.9;
}
.iopapp-zz8{
padding:1.875rem 0 10px;
}
.iopapp_in-zz8{
background:#FBF8F2;
gap:28px;
border-radius:1.25rem;
padding:2rem;
border:1px solid rgba(28,23,16,0.08);
flex-direction:column;
display:flex;
}
@media(min-width:770px){
.iopapp_in-zz8{
padding:2.5rem 44px;
gap:40px;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
}
.iopapp_copy-zz8{
min-width:0;
max-width:560px;
}
.iopapp_eyebrow-zz8{
margin-bottom:0.75rem;
}
.iopapp_h2-zz8{
font-size:1.75rem;
color:#1C1710;
font-weight:600;
overflow-wrap:break-word;
font-family:"Lora", Georgia, 'Times New Roman', serif;
line-height:1.05;
margin-bottom:12px;
}
@media(min-width:771px){
.iopapp_h2-zz8{
font-size:2.125rem;
}
}
.iopapp_text-zz8{
margin-bottom:1.375rem;
line-height:1.6;
color:#8C7D66;
font-size:0.875rem;
}
.iopapp_btns-zz8{
gap:12px;
display:flex;
flex-wrap:wrap;
}
.iopapp_btn-zz8{
border-radius:14px;
transition:background-color .2s ease;
padding:11px 1.25rem;
background:#2A2318;
gap:0.625rem;
align-items:center;
color:#F5EDDA;
display:inline-flex;
}
.iopapp_btn-zz8:hover{
background:#3D3222;
}
.iopapp_btn_ic-zz8{
align-items:center;
display:inline-flex;
}
.iopapp_btn_ic-zz8 svg{
height:18px;
width:1.125rem;
}
.iopapp_btn_lb-zz8{
font-weight:700;
font-size:13.5px;
}
.iopapp_qr_wrap-zz8{
gap:18px;
flex:0 0 auto;
display:flex;
align-items:center;
}
.iopapp_qr-zz8{
flex:0 0 auto;
border-radius:14px;
width:108px;
height:6.75rem;
background-color:#2A2318;
background-image:repeating-linear-gradient(0deg,#FBF8F2 0 0.313rem,transparent 0.313rem 11px),repeating-linear-gradient(90deg,#FBF8F2 0 0.313rem,transparent 5px 0.688rem);
}
.iopapp_qr_cap-zz8{
line-height:1.4;
color:#6B5E48;
max-width:5.75rem;
font-size:0.781rem;
}
.iopvip-zz8{
padding:48px 0;
}
@media(min-width:770px){
.iopvip-zz8{
padding:4rem 0;
}
}
.iopvip_head-zz8{
gap:0.875rem;
margin-bottom:1.875rem;
display:flex;
flex-direction:column;
}
@media(min-width:880px){
.iopvip_head-zz8{
gap:24px;
align-items:flex-end;
flex-direction:row;
justify-content:space-between;
}
}
.iopvip_eyebrow-zz8{
margin-bottom:12px;
}
.iopvip_h2-zz8{
font-weight:600;
color:#F5EDDA;
font-size:32px;
line-height:1.05;
overflow-wrap:break-word;
font-family:"Lora", Georgia, 'Times New Roman', serif;
}
@media(min-width:769px){
.iopvip_h2-zz8{
font-size:40px;
}
}
.iopvip_intro-zz8{
max-width:420px;
color:#B8A98C;
line-height:1.6;
font-size:0.875rem;
}
.iopvip_grid-zz8{
grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));
gap:14px;
display:grid;
}
.iopvip_card-zz8{
border-radius:0.875rem;
padding:22px 18px;
border:1px solid rgba(255,245,220,0.13);
min-width:0;
}
.iopvip_card_feat-zz8{
border-color:#D4955A;
background:rgba(255,245,220,0.07);
}
.iopvip_card_ic-zz8{
background:linear-gradient(135deg,#A8622A,#D4955A);
border-radius:0.5rem;
height:34px;
display:block;
margin-bottom:16px;
width:2.125rem;
}
.iopvip_name-zz8{
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-weight:600;
overflow-wrap:break-word;
color:#F5EDDA;
font-size:1.25rem;
margin-bottom:6px;
}
.iopvip_perk-zz8{
line-height:1.5;
overflow-wrap:break-word;
font-size:12.5px;
color:#B8A98C;
}
.iopts-zz8{
padding:44px 0;
}
.iopts_in-zz8{
gap:2rem;
grid-template-columns:1fr;
align-items:center;
display:grid;
}
@media(min-width:881px){
.iopts_in-zz8{
gap:3rem;
grid-template-columns:1.4fr 1fr;
}
}
.iopts_left-zz8{
min-width:0;
}
.iopts_h2-zz8{
font-family:"Lora", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
font-size:26px;
font-weight:600;
line-height:1.1;
color:#F5EDDA;
margin-bottom:0.75rem;
}
@media(min-width:771px){
.iopts_h2-zz8{
font-size:1.75rem;
}
}
.iopts_text-zz8{
margin-bottom:1.375rem;
font-size:14.5px;
color:#B8A98C;
line-height:1.6;
max-width:520px;
}
.iopts_badges-zz8{
gap:18px;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.iopts_badge-zz8{
font-size:13px;
font-weight:600;
color:#B8A98C;
}
.iopts_pay-zz8{
gap:12px;
flex-wrap:wrap;
display:flex;
}
@media(min-width:880px){
.iopts_pay-zz8{
justify-content:flex-end;
}
}
.iopts_pay_chip-zz8{
padding:0.75rem 16px;
border:1px solid rgba(255,245,220,0.13);
background:rgba(255,245,220,0.07);
border-radius:0.875rem;
font-size:14px;
color:#F5EDDA;
font-weight:700;
}
.ioptt-zz8{
padding:3rem 0 10px;
}
@media(min-width:765px){
.ioptt-zz8{
padding:3.75rem 0 0.625rem;
}
}
.ioptt_head-zz8{
text-align:center;
margin-bottom:2.125rem;
}
.ioptt_eyebrow-zz8{
margin-bottom:12px;
}
.ioptt_h2-zz8{
font-weight:600;
line-height:1.05;
font-family:"Lora", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
color:#1C1710;
font-size:2rem;
}
@media(min-width:767px){
.ioptt_h2-zz8{
font-size:2.625rem;
}
}
.ioptt_grid-zz8{
grid-template-columns:1fr;
gap:1.125rem;
display:grid;
}
@media(min-width:761px){
.ioptt_grid-zz8{
grid-template-columns:repeat(3,1fr);
}
}
.ioptt_card-zz8{
padding:1.875rem;
border-radius:0.875rem;
background:#FBF8F2;
border:1px solid rgba(28,23,16,0.08);
display:flex;
min-width:0;
flex-direction:column;
}
.ioptt_card_ic-zz8{
align-items:center;
display:inline-flex;
color:#A8622A;
margin-bottom:18px;
}
.ioptt_card_ic-zz8 svg{
width:1.75rem;
height:28px;
}
.ioptt_card_h-zz8{
overflow-wrap:break-word;
font-size:1.375rem;
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-weight:600;
color:#1C1710;
margin-bottom:8px;
line-height:1.15;
}
.ioptt_card_p-zz8{
font-size:0.875rem;
margin-bottom:0.875rem;
color:#8C7D66;
overflow-wrap:break-word;
line-height:1.6;
}
.ioptt_card_p-zz8 b{
color:#1C1710;
font-weight:700;
}
.ioptt_card_link-zz8{
transition:color .2s ease;
border-bottom:1px solid #A8622A;
color:#1C1710;
align-self:flex-start;
padding-bottom:2px;
font-weight:700;
font-size:13px;
margin-top:auto;
}
.ioptt_card_link-zz8:hover{
color:#A8622A;
}
.iophts-zz8{
padding:48px 0;
}
@media(min-width:767px){
.iophts-zz8{
padding:3.875rem 0;
}
}
.iophts_head-zz8{
gap:18px;
flex-direction:column;
display:flex;
margin-bottom:2.125rem;
}
@media(min-width:765px){
.iophts_head-zz8{
gap:24px;
flex-direction:row;
justify-content:space-between;
align-items:flex-end;
}
}
.iophts_eyebrow-zz8{
margin-bottom:12px;
}
.iophts_h2-zz8{
line-height:1.05;
overflow-wrap:break-word;
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-size:30px;
font-weight:600;
color:#F5EDDA;
}
@media(min-width:769px){
.iophts_h2-zz8{
font-size:2.375rem;
}
}
.iophts_cta-zz8{
background:#D4955A;
border-radius:999px;
flex:0 0 auto;
padding:0.938rem 30px;
transition:opacity .2s ease;
font-size:15px;
font-weight:700;
color:#1C1710;
}
.iophts_cta-zz8:hover{
opacity:.9;
}
.iophts_grid-zz8{
gap:1.5rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:757px){
.iophts_grid-zz8{
grid-template-columns:repeat(3,1fr);
}
}
.iophts_step-zz8{
padding-top:1.375rem;
min-width:0;
border-top:1px solid rgba(255,245,220,0.13);
}
.iophts_step_num-zz8{
margin-bottom:14px;
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-weight:700;
color:#D4955A;
font-size:44px;
line-height:1;
}
.iophts_step_h-zz8{
overflow-wrap:break-word;
margin-bottom:0.5rem;
color:#F5EDDA;
font-weight:700;
line-height:1.2;
font-size:19px;
}
.iophts_step_p-zz8{
font-size:14px;
line-height:1.55;
overflow-wrap:break-word;
color:#B8A98C;
}
.iopop-zz8{
padding:2.25rem 0 0.625rem;
}
.iopop_in-zz8{
border-radius:14px;
grid-template-columns:1fr;
gap:2rem;
padding:2rem;
background:#FBF8F2;
border:1px solid rgba(28,23,16,0.08);
align-items:center;
display:grid;
}
@media(min-width:859px){
.iopop_in-zz8{
padding:2.125rem 40px;
grid-template-columns:.9fr 1.1fr;
gap:2.75rem;
}
}
.iopop_left-zz8{
min-width:0;
}
.iopop_eyebrow-zz8{
margin-bottom:0.75rem;
}
.iopop_h2-zz8{
font-weight:600;
font-size:1.75rem;
overflow-wrap:break-word;
margin-bottom:10px;
line-height:1.08;
color:#1C1710;
font-family:"Lora", Georgia, 'Times New Roman', serif;
}
@media(min-width:767px){
.iopop_h2-zz8{
font-size:30px;
}
}
.iopop_text-zz8{
font-size:0.875rem;
line-height:1.6;
color:#8C7D66;
}
.iopop_grid-zz8{
background:rgba(28,23,16,0.15);
overflow:hidden;
border-radius:0.5rem;
grid-template-columns:1fr 1fr;
gap:1px;
border:1px solid rgba(28,23,16,0.15);
display:grid;
}
.iopop_field-zz8{
background:#F5F0E8;
padding:18px 1.25rem;
min-width:0;
}
.iopop_field_lb-zz8{
letter-spacing:.1em;
text-transform:uppercase;
font-size:0.625rem;
color:#A8622A;
font-weight:600;
margin-bottom:5px;
}
.iopop_field_val-zz8{
font-size:0.875rem;
color:#1C1710;
font-weight:700;
overflow-wrap:break-word;
}
.iopprov-zz8{
padding:2.5rem 0 1.25rem;
}
.iopprov_eyebrow-zz8{
margin-bottom:18px;
display:block;
}
.iopprov_grid-zz8{
gap:12px;
grid-template-columns:repeat(2,1fr);
display:grid;
}
@media(min-width:561px){
.iopprov_grid-zz8{
grid-template-columns:repeat(3,1fr);
}
}
@media(min-width:903px){
.iopprov_grid-zz8{
grid-template-columns:repeat(6,1fr);
}
}
.ioppmt-zz8{
padding:48px 0 10px;
}
.ioppmt_in-zz8{
grid-template-columns:1fr;
gap:2rem;
display:grid;
align-items:start;
}
@media(min-width:883px){
.ioppmt_in-zz8{
grid-template-columns:1fr 1.1fr;
gap:48px;
}
}
.ioppmt_left-zz8{
min-width:0;
}
.ioppmt_eyebrow-zz8{
margin-bottom:12px;
}
.ioppmt_h2-zz8{
overflow-wrap:break-word;
line-height:1.06;
font-weight:600;
font-size:30px;
margin-bottom:0.75rem;
color:#1C1710;
font-family:"Lora", Georgia, 'Times New Roman', serif;
}
@media(min-width:768px){
.ioppmt_h2-zz8{
font-size:2rem;
}
}
.ioppmt_text-zz8{
color:#8C7D66;
font-size:0.906rem;
margin-bottom:22px;
line-height:1.6;
}
.ioppmt_logos-zz8{
grid-template-columns:repeat(2,1fr);
gap:0.625rem;
display:grid;
}
@media(min-width:480px){
.ioppmt_logos-zz8{
grid-template-columns:repeat(4,1fr);
}
}
.ioppmt_logo-zz8{
padding:0 8px;
background:#FBF8F2;
overflow:hidden;
border:1px solid rgba(28,23,16,0.08);
border-radius:8px;
align-items:center;
font-size:12.5px;
color:#3A3226;
white-space:nowrap;
justify-content:center;
height:3.125rem;
display:flex;
font-weight:700;
text-overflow:ellipsis;
text-align:center;
}
.ioppmt_table-zz8{
border:1px solid rgba(28,23,16,0.08);
border-radius:0.875rem;
overflow:hidden;
min-width:0;
}
.ioppmt_thead-zz8{
grid-template-columns:1.4fr 1fr 1fr 1fr;
background:#2A2318;
display:grid;
}
.ioppmt_th-zz8{
overflow:hidden;
padding:13px 0.875rem;
font-size:10px;
letter-spacing:.08em;
white-space:nowrap;
color:#F5EDDA;
text-transform:uppercase;
font-weight:700;
text-overflow:ellipsis;
}
.ioppmt_row-zz8{
grid-template-columns:1.4fr 1fr 1fr 1fr;
display:grid;
border-top:1px solid rgba(28,23,16,0.08);
}
.ioppmt_row-zz8:nth-child(odd){
background:#FBF8F2;
}
.ioppmt_td-zz8{
padding:14px;
min-width:0;
font-size:13.5px;
overflow-wrap:break-word;
color:#8C7D66;
}
.ioppmt_row-zz8 .ioppmt_td-zz8:first-child{
color:#1C1710;
font-weight:700;
}
.ioppmt_row-zz8 .ioppmt_td-zz8:last-child{
color:#4A7C59;
font-weight:700;
}
.ioprv-zz8{
background:#FBF8F2;
padding:48px 0;
border-bottom:1px solid rgba(28,23,16,0.08);
margin-top:1.5rem;
border-top:1px solid rgba(28,23,16,0.08);
}
@media(min-width:768px){
.ioprv-zz8{
padding:3.5rem 0;
}
}
.ioprv_head-zz8{
gap:16px;
margin-bottom:1.875rem;
display:flex;
flex-direction:column;
}
@media(min-width:767px){
.ioprv_head-zz8{
gap:20px;
justify-content:space-between;
flex-direction:row;
align-items:flex-end;
}
}
.ioprv_eyebrow-zz8{
margin-bottom:0.625rem;
}
.ioprv_h2-zz8{
font-family:"Lora", Georgia, 'Times New Roman', serif;
line-height:1.05;
font-size:1.875rem;
overflow-wrap:break-word;
color:#1C1710;
font-weight:600;
}
@media(min-width:769px){
.ioprv_h2-zz8{
font-size:38px;
}
}
.ioprv_agg-zz8{
gap:0.75rem;
align-items:center;
display:flex;
}
.ioprv_agg_stars-zz8{
gap:3px;
color:#A8622A;
display:flex;
}
.ioprv_agg_stars-zz8 svg{
height:18px;
width:18px;
}
.ioprv_source-zz8{
font-size:0.813rem;
color:#8C7D66;
}
.ioprv_grid-zz8{
grid-template-columns:1fr;
gap:1.125rem;
display:grid;
}
@media(min-width:761px){
.ioprv_grid-zz8{
grid-template-columns:repeat(3,1fr);
}
}
.ioprv_card-zz8{
border-radius:14px;
padding:26px;
border:1px solid rgba(28,23,16,0.08);
background:#F5F0E8;
min-width:0;
}
.ioprv_card_stars-zz8{
gap:2px;
margin-bottom:0.75rem;
display:flex;
color:#A8622A;
}
.ioprv_card_stars-zz8 svg{
height:14px;
width:14px;
}
.ioprv_card_body-zz8{
font-weight:500;
line-height:1.45;
margin-bottom:16px;
overflow-wrap:break-word;
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-size:18px;
color:#1C1710;
}
.ioprv_card_meta-zz8{
gap:0.625rem;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.ioprv_card_av-zz8{
border-radius:50%;
background:linear-gradient(135deg,#A8622A,#D4955A);
flex:0 0 auto;
height:32px;
width:32px;
}
.ioprv_card_author-zz8{
color:#1C1710;
font-size:0.813rem;
font-weight:700;
}
.ioprv_card_loc-zz8{
font-size:0.75rem;
color:#6B5E48;
}
.iopwy-zz8{
padding:3rem 0;
}
@media(min-width:766px){
.iopwy-zz8{
padding:3.5rem 0;
}
}
.iopwy_in-zz8{
gap:32px;
grid-template-columns:1fr;
align-items:start;
display:grid;
}
@media(min-width:901px){
.iopwy_in-zz8{
grid-template-columns:.8fr 1.2fr;
gap:3rem;
}
}
.iopwy_left-zz8{
min-width:0;
}
.iopwy_eyebrow-zz8{
margin-bottom:0.875rem;
}
.iopwy_h2-zz8{
font-size:32px;
font-weight:600;
color:#1C1710;
font-family:"Lora", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
line-height:1.05;
margin-bottom:16px;
}
@media(min-width:771px){
.iopwy_h2-zz8{
font-size:2.5rem;
}
}
.iopwy_intro-zz8{
font-size:15px;
color:#8C7D66;
line-height:1.6;
}
.iopwy_grid-zz8{
grid-template-columns:1fr;
gap:18px;
display:grid;
}
@media(min-width:562px){
.iopwy_grid-zz8{
grid-template-columns:1fr 1fr;
}
}
.iopwy_card-zz8{
background:#FBF8F2;
border-radius:14px;
border:1px solid rgba(28,23,16,0.08);
padding:1.625rem;
min-width:0;
}
.iopwy_card_ic-zz8{
display:inline-flex;
color:#A8622A;
align-items:center;
justify-content:center;
margin-bottom:1rem;
}
.iopwy_card_ic-zz8 svg{
height:26px;
width:1.625rem;
}
.iopwy_card_h-zz8{
font-weight:600;
line-height:1.15;
font-size:21px;
font-family:"Lora", Georgia, 'Times New Roman', serif;
margin-bottom:0.5rem;
color:#1C1710;
overflow-wrap:break-word;
}
.iopwy_card_p-zz8{
color:#8C7D66;
overflow-wrap:break-word;
font-size:14px;
line-height:1.55;
}
.ioprc-zz8{
padding:48px 0 10px;
}
.ioprc_in-zz8{
grid-template-columns:1fr;
gap:2rem;
display:grid;
}
@media(min-width:761px){
.ioprc_in-zz8{
gap:2.5rem;
grid-template-columns:repeat(3,1fr);
}
}
.ioprc_col-zz8{
min-width:0;
}
.ioprc_label-zz8{
margin-bottom:1rem;
letter-spacing:.2em;
font-size:0.688rem;
font-weight:600;
color:#A8622A;
text-transform:uppercase;
}
.ioprc_awards-zz8{
gap:12px;
flex-direction:column;
display:flex;
}
.ioprc_award-zz8{
gap:12px;
min-width:0;
display:flex;
align-items:center;
}
.ioprc_award_ic-zz8{
flex:0 0 auto;
color:#C8824E;
align-items:center;
display:inline-flex;
}
.ioprc_award_ic-zz8 svg{
height:1.125rem;
width:1.125rem;
}
.ioprc_award_t-zz8{
color:#1C1710;
font-weight:700;
overflow-wrap:break-word;
font-size:14px;
}
.ioprc_award_s-zz8{
color:#6B5E48;
overflow-wrap:break-word;
font-size:12px;
}
.ioprc_press-zz8{
grid-template-columns:1fr 1fr;
gap:0.625rem;
display:grid;
}
.ioprc_press_logo-zz8{
border:1px solid rgba(28,23,16,0.08);
overflow:hidden;
border-radius:8px;
padding:0 0.5rem;
font-family:"Lora", Georgia, 'Times New Roman', serif;
text-overflow:ellipsis;
text-align:center;
font-size:0.875rem;
display:flex;
justify-content:center;
align-items:center;
white-space:nowrap;
height:52px;
font-weight:700;
color:#8C7D66;
}
.ioprc_partner-zz8{
border:1px solid rgba(28,23,16,0.08);
border-radius:14px;
background:#FBF8F2;
padding:22px;
}
.ioprc_partner_name-zz8{
margin-bottom:6px;
color:#1C1710;
overflow-wrap:break-word;
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-weight:600;
font-size:1.25rem;
}
.ioprc_partner_text-zz8{
color:#8C7D66;
font-size:13px;
overflow-wrap:break-word;
line-height:1.55;
}
.iopfaq-zz8{
padding:3rem 0;
background:#FBF8F2;
border-bottom:1px solid rgba(28,23,16,0.08);
margin-top:1.5rem;
border-top:1px solid rgba(28,23,16,0.08);
}
@media(min-width:765px){
.iopfaq-zz8{
padding:62px 0;
}
}
.iopfaq_head-zz8{
margin-bottom:2.125rem;
text-align:center;
}
.iopfaq_eyebrow-zz8{
margin-bottom:12px;
}
.iopfaq_h2-zz8{
color:#1C1710;
line-height:1.05;
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-size:32px;
overflow-wrap:break-word;
font-weight:600;
}
@media(min-width:769px){
.iopfaq_h2-zz8{
font-size:38px;
}
}
.iopfaq_list-zz8{
gap:12px;
margin:0 auto;
max-width:820px;
display:flex;
flex-direction:column;
}
.iopfaq_item-zz8{
overflow:hidden;
background:#F5F0E8;
border:1px solid rgba(28,23,16,0.08);
border-radius:0.875rem;
}
.iopfaq_q-zz8{
gap:20px;
list-style:none;
padding:20px 1.5rem;
overflow-wrap:break-word;
justify-content:space-between;
font-size:16px;
cursor:pointer;
color:#1C1710;
align-items:center;
display:flex;
font-weight:700;
}
.iopfaq_q-zz8::-webkit-details-marker{
display:none;
}
.iopfaq_q_ic-zz8{
transition:transform .2s ease;
flex:0 0 auto;
color:#A8622A;
display:inline-flex;
align-items:center;
}
.iopfaq_q_ic-zz8 svg{
height:1.125rem;
width:18px;
}
.iopfaq_item-zz8[open] .iopfaq_q_ic-zz8{
transform:rotate(180deg);
}
.iopfaq_a-zz8{
padding:0 24px 1.25rem;
line-height:1.6;
color:#8C7D66;
overflow-wrap:break-word;
font-size:0.906rem;
}
.iopsb-zz8{
padding:48px 0;
background:#FBF8F2;
border-bottom:1px solid rgba(28,23,16,0.08);
border-top:1px solid rgba(28,23,16,0.08);
margin-top:24px;
}
@media(min-width:766px){
.iopsb-zz8{
padding:56px 0;
}
}
.iopsb_eyebrow-zz8{
display:block;
margin-bottom:12px;
}
.iopsb_h2-zz8{
margin-bottom:1.625rem;
line-height:1.05;
font-weight:600;
overflow-wrap:break-word;
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-size:30px;
color:#1C1710;
}
@media(min-width:768px){
.iopsb_h2-zz8{
font-size:36px;
}
}
.iopsb_grid-zz8{
grid-template-columns:1fr;
gap:16px;
display:grid;
}
@media(min-width:557px){
.iopsb_grid-zz8{
grid-template-columns:1fr 1fr;
}
}
@media(min-width:961px){
.iopsb_grid-zz8{
grid-template-columns:repeat(4,1fr);
}
}
.iopsb_card-zz8{
border-radius:14px;
border:1px solid rgba(28,23,16,0.08);
background:#F5F0E8;
padding:1.5rem;
min-width:0;
}
.iopsb_card_h-zz8{
font-size:19px;
font-family:"Lora", Georgia, 'Times New Roman', serif;
line-height:1.15;
overflow-wrap:break-word;
font-weight:600;
color:#1C1710;
margin-bottom:8px;
}
.iopsb_card_p-zz8{
font-size:0.844rem;
line-height:1.6;
color:#8C7D66;
overflow-wrap:break-word;
}
.iopsb_rtp-zz8{
background:#F5F0E8;
border:1px solid rgba(28,23,16,0.08);
border-radius:14px;
padding:26px 28px;
grid-template-columns:1fr;
gap:24px;
display:grid;
margin-top:18px;
align-items:center;
}
@media(min-width:757px){
.iopsb_rtp-zz8{
gap:40px;
grid-template-columns:1fr 1fr;
}
}
.iopsb_rtp_h-zz8{
margin-bottom:0.5rem;
font-weight:600;
line-height:1.15;
font-family:"Lora", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
font-size:1.25rem;
color:#1C1710;
}
.iopsb_rtp_p-zz8{
color:#8C7D66;
font-size:0.844rem;
line-height:1.6;
overflow-wrap:break-word;
}
.iopsb_rtp_stats-zz8{
gap:1rem;
display:flex;
}
.iopsb_stat-zz8{
padding:18px;
background:#FBF8F2;
flex:1 1 0;
border-radius:0.5rem;
text-align:center;
min-width:0;
}
.iopsb_stat_v-zz8{
font-size:1.625rem;
color:#4A7C59;
font-weight:700;
overflow-wrap:break-word;
font-family:"Lora", Georgia, 'Times New Roman', serif;
}
.iopsb_stat_l-zz8{
color:#6B5E48;
font-size:0.719rem;
margin-top:0.25rem;
}
.iopel-zz8{
padding:48px 0;
}
@media(min-width:770px){
.iopel-zz8{
padding:56px 0;
}
}
.iopel_in-zz8{
grid-template-columns:1fr;
gap:2.5rem;
display:grid;
align-items:start;
}
@media(min-width:897px){
.iopel_in-zz8{
gap:3.5rem;
grid-template-columns:1fr 1fr;
}
}
.iopel_left-zz8{
min-width:0;
}
.iopel_eyebrow-zz8{
margin-bottom:14px;
}
.iopel_h2-zz8{
font-size:32px;
line-height:1.08;
margin-bottom:22px;
font-family:"Lora", Georgia, 'Times New Roman', serif;
color:#1C1710;
overflow-wrap:break-word;
font-weight:600;
}
@media(min-width:771px){
.iopel_h2-zz8{
font-size:38px;
}
}
.iopel_body-zz8 p{
color:#3A3226;
font-size:16px;
margin-bottom:18px;
overflow-wrap:break-word;
line-height:1.7;
}
.iopel_dropcap-zz8{
padding:6px 0.75rem 0 0;
font-family:"Lora", Georgia, 'Times New Roman', serif;
float:left;
font-weight:700;
line-height:.8;
color:#A8622A;
font-size:3.875rem;
}
.iopel_right-zz8{
min-width:0;
}
.iopel_quote-zz8{
border-radius:20px;
background:linear-gradient(150deg,#2C2416,#131008);
padding:2.25rem;
position:relative;
color:#F5EDDA;
margin-bottom:24px;
}
.iopel_quote_mark-zz8{
display:inline-flex;
color:#D4955A;
align-items:center;
margin-bottom:0.375rem;
}
.iopel_quote_mark-zz8 svg{
width:2.125rem;
height:2.125rem;
}
.iopel_quote_text-zz8{
font-family:"Lora", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
line-height:1.4;
color:#F5EDDA;
margin-bottom:1.375rem;
font-weight:500;
font-size:1.375rem;
}
.iopel_quote_meta-zz8{
gap:0.75rem;
display:flex;
align-items:center;
}
.iopel_quote_av-zz8{
background:linear-gradient(135deg,#A8622A,#D4955A);
border-radius:50%;
flex:0 0 auto;
width:38px;
height:2.375rem;
}
.iopel_quote_author-zz8{
color:#F5EDDA;
font-weight:700;
font-size:0.875rem;
}
.iopel_quote_meta_sub-zz8{
color:#B8A98C;
font-size:0.75rem;
}
.iopel_explain-zz8{
border:1px solid rgba(28,23,16,0.08);
border-radius:14px;
overflow:hidden;
}
.iopel_explain_card-zz8{
padding:22px 1.5rem;
}
.iopel_explain_card-zz8+.iopel_explain_card-zz8{
border-top:1px solid rgba(28,23,16,0.08);
}
.iopel_explain_h-zz8{
color:#1C1710;
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-weight:600;
line-height:1.15;
overflow-wrap:break-word;
margin-bottom:8px;
font-size:20px;
}
.iopel_explain_p-zz8{
color:#8C7D66;
overflow-wrap:break-word;
font-size:0.875rem;
line-height:1.55;
}
.iopsc-zz8{
padding:3rem 0 0.625rem;
}
.iopsc_head-zz8{
margin-bottom:28px;
text-align:center;
}
.iopsc_eyebrow-zz8{
margin-bottom:0.75rem;
}
.iopsc_h2-zz8{
line-height:1.05;
color:#1C1710;
font-size:30px;
overflow-wrap:break-word;
font-weight:600;
font-family:"Lora", Georgia, 'Times New Roman', serif;
}
@media(min-width:765px){
.iopsc_h2-zz8{
font-size:2.25rem;
}
}
.iopsc_table-zz8{
border-radius:14px;
margin:0 auto;
border:1px solid rgba(28,23,16,0.08);
overflow:hidden;
max-width:56.25rem;
}
.iopsc_thead-zz8{
grid-template-columns:1.6fr 1fr 1fr;
background:#2A2318;
display:grid;
}
.iopsc_th-zz8{
padding:15px 18px;
text-align:center;
font-weight:700;
font-size:0.813rem;
color:#B8A98C;
overflow-wrap:break-word;
}
.iopsc_th-zz8:first-child{
text-align:left;
}
.iopsc_th_us-zz8{
color:#D4955A;
}
.iopsc_row-zz8{
grid-template-columns:1.6fr 1fr 1fr;
border-top:1px solid rgba(28,23,16,0.08);
display:grid;
}
.iopsc_row-zz8:nth-child(even){
background:#FBF8F2;
}
.iopsc_td-zz8{
padding:15px 1.125rem;
text-align:center;
min-width:0;
overflow-wrap:break-word;
font-size:0.875rem;
color:#6B5E48;
}
.iopsc_td-zz8:first-child{
font-weight:600;
color:#3A3226;
text-align:left;
}
.iopsc_td_us-zz8{
color:#4A7C59;
font-weight:700;
}
.iopsg-zz8{
padding:3rem 0 0.625rem;
}
.iopsg_eyebrow-zz8{
margin-bottom:12px;
display:block;
}
.iopsg_h2-zz8{
font-family:"Lora", Georgia, 'Times New Roman', serif;
line-height:1.05;
color:#1C1710;
font-weight:600;
margin-bottom:1.75rem;
font-size:30px;
overflow-wrap:break-word;
}
@media(min-width:767px){
.iopsg_h2-zz8{
font-size:36px;
}
}
.iopsg_grid-zz8{
grid-template-columns:1fr;
gap:1.5rem;
display:grid;
}
@media(min-width:721px){
.iopsg_grid-zz8{
grid-template-columns:repeat(3,1fr);
}
}
.iopsg_col-zz8{
min-width:0;
}
.iopsg_col_h-zz8{
font-size:1.375rem;
overflow-wrap:break-word;
line-height:1.15;
margin-bottom:0.625rem;
color:#1C1710;
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-weight:600;
}
.iopsg_col_p-zz8{
font-size:0.875rem;
overflow-wrap:break-word;
color:#8C7D66;
line-height:1.65;
}
.ioplh-zz8{
padding:2.5rem 0 20px;
}
.ioplh_in-zz8{
padding-top:34px;
border-top:1px solid rgba(28,23,16,0.15);
}
.ioplh_eyebrow-zz8{
display:block;
margin-bottom:1.375rem;
}
.ioplh_grid-zz8{
grid-template-columns:1fr 1fr;
gap:1.75rem;
display:grid;
}
@media(min-width:599px){
.ioplh_grid-zz8{
grid-template-columns:repeat(3,1fr);
}
}
@media(min-width:959px){
.ioplh_grid-zz8{
grid-template-columns:repeat(5,1fr);
}
}
.ioplh_col-zz8{
min-width:0;
}
.ioplh_col_h-zz8{
overflow-wrap:break-word;
margin-bottom:0.75rem;
font-size:0.813rem;
color:#1C1710;
font-weight:700;
}
.ioplh_links-zz8{
gap:0.5rem;
flex-direction:column;
display:flex;
}
.ioplh_link-zz8{
transition:color .2s ease;
font-size:0.813rem;
overflow-wrap:break-word;
color:#8C7D66;
}
.ioplh_link-zz8:hover{
color:#A8622A;
}
.iopft-zz8{
background:#2A2318;
margin-top:2.5rem;
color:#B8A98C;
}
.iopft_in-zz8{
padding:48px 0 28px;
grid-template-columns:1fr;
gap:2rem;
display:grid;
}
@media(min-width:599px){
.iopft_in-zz8{
grid-template-columns:1fr 1fr;
}
}
@media(min-width:902px){
.iopft_in-zz8{
grid-template-columns:1.4fr 1fr 1fr 1fr;
}
}
.iopft_brand-zz8{
min-width:0;
}
.iopft_logo-zz8{
font-size:26px;
font-family:"Lora", Georgia, 'Times New Roman', serif;
font-weight:700;
color:#F5EDDA;
overflow-wrap:break-word;
}
.iopft_tagline-zz8{
font-size:0.844rem;
margin-top:14px;
color:#B8A98C;
line-height:1.6;
max-width:280px;
}
.iopft_contact-zz8{
transition:color .2s ease;
color:#D4955A;
max-width:17.5rem;
overflow-wrap:anywhere;
font-size:13px;
margin-top:12px;
display:inline-block;
}
.iopft_contact-zz8:hover{
color:#F5EDDA;
}
.iopft_col-zz8{
min-width:0;
}
.iopft_col_h-zz8{
font-size:0.813rem;
overflow-wrap:break-word;
color:#F5EDDA;
text-transform:uppercase;
font-weight:700;
margin-bottom:14px;
letter-spacing:.08em;
}
.iopft_col_links-zz8{
gap:0.625rem;
display:flex;
flex-direction:column;
}
.iopft_link-zz8{
transition:color .2s ease;
color:#B8A98C;
overflow-wrap:break-word;
font-size:13.5px;
}
.iopft_link-zz8:hover{
color:#F5EDDA;
}
.iopft_bot-zz8{
padding:1.375rem 0 2.5rem;
gap:16px;
flex-direction:column;
display:flex;
border-top:1px solid rgba(255,245,220,0.13);
}
@media(min-width:766px){
.iopft_bot-zz8{
gap:20px;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
}
.iopft_legal-zz8{
font-size:0.719rem;
color:#B0A390;
max-width:47.5rem;
line-height:1.6;
overflow-wrap:break-word;
}
.iopft_legal-zz8 b{
font-weight:700;
color:#B8A98C;
}
.iopft_age-zz8{
padding:4px 0.563rem;
flex:0 0 auto;
border-radius:0.5rem;
border:1.5px solid #D4955A;
font-size:0.813rem;
color:#D4955A;
font-weight:700;
}