*{
padding:0;
margin:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F9F6F0;
text-rendering:optimizeLegibility;
overflow-wrap:break-word;
-webkit-font-smoothing:antialiased;
color:#3D3120;
font-family:"Nunito Sans", 'Helvetica Neue', Arial, sans-serif;
line-height:1.55;
font-size:15px;
}
img{
display:block;
max-width:100%;
}
a{
text-decoration:none;
color:inherit;
}
button{
border:none;
background:none;
cursor:pointer;
font-family:inherit;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
height:8px;
width:8px;
}
::-webkit-scrollbar-thumb{
border-radius:0.5rem;
background:rgba(20, 14, 4, 0.68);
}
::-webkit-scrollbar-track{
background:transparent;
}
.oci-shell-udk{
grid-template-columns:15.5rem 1fr;
display:grid;
min-height:100vh;
}
.oci-main-udk{
min-width:0;
}
.oci-wrap-udk{
margin:0 auto;
max-width:1400px;
width:100%;
}
.oci-container-udk{
padding:0 16px;
margin:0 auto;
max-width:1400px;
width:100%;
}
@media(min-width:770px){
.oci-container-udk{
padding:0 1.75rem;
}
}
.oci-section-udk{
padding:1.5rem 1.75rem;
}
.oci-section_pt-udk{
padding-top:2.125rem;
}
.oci-band_soft-udk{
background:#FFFFFF;
}
.oci-eyebrow-udk{
letter-spacing:.14em;
overflow-wrap:break-word;
line-height:1.4;
text-transform:uppercase;
display:inline-block;
font-size:10.5px;
color:#B8860B;
font-weight:600;
font-family:"Nunito Sans", 'Helvetica Neue', Arial, sans-serif;
}
.oci-drawer_cb-udk{
display:none;
}
.oci-overlay-udk{
display:none;
}
@media(max-width:1023px){
.oci-shell-udk{
grid-template-columns:1fr;
}
.oci-main-udk{
padding-bottom:4.875rem;
}
.oci-drawer_cb-udk:checked~.oci-overlay-udk{
background:rgba(20, 14, 4, 0.68);
inset:0;
position:fixed;
display:block;
z-index:70;
}
}
@media(max-width:558px){
.oci-section-udk{
padding:18px 16px;
}
.oci-section_pt-udk{
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 ---------- */
.oci-side-udk{
background:#F5F1EA;
gap:1.375rem;
padding:22px 1.125rem;
align-self:start;
height:100vh;
overflow-y:auto;
display:flex;
border-right:1px solid rgba(28, 21, 9, 0.08);
flex-direction:column;
top:0;
position:sticky;
}
.oci-brand-udk{
gap:10px;
align-items:center;
display:flex;
}
.oci-logo-udk{
font-size:21px;
color:#1C1509;
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
letter-spacing:-.02em;
}
.oci-side_cta-udk{
border:1px solid rgba(28, 21, 9, 0.12);
background:rgba(184, 134, 11, 0.11);
padding:1rem;
border-radius:13px;
}
.oci-side_cta_h-udk{
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
margin-bottom:0.375rem;
line-height:1.15;
font-size:17px;
color:#1C1509;
}
.oci-side_cta_p-udk{
line-height:1.45;
margin-bottom:12px;
font-size:12px;
color:#3D3120;
}
.oci-nav-udk{
gap:3px;
flex-direction:column;
display:flex;
}
.oci-nav_label-udk{
padding:0.375rem 0.625rem;
color:#A89878;
letter-spacing:.14em;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-size:9.5px;
text-transform:uppercase;
}
.oci-nav_item-udk{
gap:0.688rem;
padding:10px;
border-radius:0.5rem;
font-weight:500;
display:flex;
color:#3D3120;
font-size:0.875rem;
align-items:center;
}
.oci-nav_item-udk svg{
height:17px;
width:17px;
}
.oci-nav_item-udk:hover{
background:rgba(184, 134, 11, 0.11);
color:#1C1509;
}
.oci-nav_item_on-udk{
background:rgba(184, 134, 11, 0.11);
color:#B8860B;
font-weight:600;
}
.oci-side_foot-udk{
padding:0.75rem;
background:#FFFFFF;
border-radius:13px;
border:1px solid rgba(28, 21, 9, 0.12);
margin-top:auto;
}
.oci-side_foot-udk p{
font-size:0.781rem;
line-height:1.4;
color:#3D3120;
margin-top:0.25rem;
}
/* ---------- topbar ---------- */
.oci-top-udk{
background:#F5F1EA;
gap:1rem;
padding:0.875rem 28px;
top:0;
border-bottom:1px solid rgba(28, 21, 9, 0.08);
align-items:center;
z-index:40;
position:sticky;
display:flex;
}
.oci-top_brand-udk{
gap:9px;
align-items:center;
display:none;
}
.oci-search-udk{
border:1px solid rgba(28, 21, 9, 0.12);
flex:1;
gap:10px;
border-radius:13px;
background:#FFFFFF;
padding:0.688rem 14px;
color:#7A6A4F;
display:flex;
font-size:13.5px;
max-width:440px;
align-items:center;
}
.oci-search-udk svg{
flex:none;
width:16px;
height:1rem;
}
.oci-top_actions-udk{
gap:0.75rem;
display:flex;
align-items:center;
margin-left:auto;
}
.oci-lang-udk{
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
color:#3D3120;
font-size:0.75rem;
}
.oci-burger-udk{
background:#FFFFFF;
border:1px solid rgba(28, 21, 9, 0.12);
border-radius:0.5rem;
display:none;
height:40px;
justify-content:center;
width:40px;
color:#1C1509;
align-items:center;
}
/* ---------- bottom-nav (mobile) ---------- */
.oci-botnav-udk{
display:none;
}
@media(max-width:1025px){
.oci-side-udk{
transition:transform .25s ease;
top:0;
left:0;
width:280px;
transform:translateX(-100%);
z-index:80;
height:100vh;
position:fixed;
}
.oci-drawer_cb-udk:checked~.oci-shell-udk .oci-side-udk{
transform:translateX(0);
}
.oci-top-udk{
padding:14px 1rem;
gap:12px;
flex-wrap:wrap;
position:static;
}
.oci-top_brand-udk{
display:flex;
}
.oci-search-udk{
display:none;
}
.oci-burger-udk{
display:flex;
}
.oci-top_actions-udk{
gap:0.625rem;
align-items:stretch;
margin-left:0;
width:100%;
}
.oci-top_actions-udk .oci-lang-udk{
display:none;
}
.oci-top_actions-udk .oci-btn-udk{
flex:1;
padding:0.688rem 10px;
text-align:center;
}
.oci-botnav-udk{
padding:8px 6px calc(8px + env(safe-area-inset-bottom));
grid-template-columns:repeat(3,1fr);
background:#F5F1EA;
border-top:1px solid rgba(28, 21, 9, 0.12);
position:fixed;
right:0;
left:0;
transform:translateZ(0);
bottom:0;
display:grid;
z-index:65;
}
.oci-bn-udk{
padding:0.375rem 2px 0;
gap:0.25rem;
font-weight:600;
justify-content:flex-end;
display:flex;
flex-direction:column;
font-size:10px;
align-items:center;
color:#3D3120;
min-width:0;
}
.oci-bn-udk svg{
flex:none;
height:22px;
width:1.375rem;
}
.oci-bn-udk span{
overflow:hidden;
text-align:center;
white-space:nowrap;
max-width:100%;
text-overflow:ellipsis;
}
.oci-bn_on-udk{
color:#B8860B;
}
.oci-bn_center-udk{
position:relative;
}
.oci-bn_fab-udk{
border-radius:50%;
background:#D4A017;
align-items:center;
top:-20px;
position:absolute;
height:50px;
width:50px;
transform:translateX(-50%);
box-shadow:0 8px 32px rgba(28, 21, 9, 0.14), 0 2px 8px rgba(28, 21, 9, 0.08);
display:flex;
left:50%;
justify-content:center;
color:#1C1509;
}
.oci-bn_fab-udk svg{
height:1.5rem;
width:1.5rem;
}
.oci-bn_center-udk span{
color:#B8860B;
}
}
.oci-btn-udk{
transition:background-color 0.2s ease,color 0.2s ease;
gap:0.5rem;
border-radius:8px;
padding:11px 22px;
align-items:center;
font-weight:700;
justify-content:center;
cursor:pointer;
font-family:"Nunito Sans", 'Helvetica Neue', Arial, sans-serif;
display:inline-flex;
font-size:14px;
}
.oci-btn_pri-udk{
background:#D4A017;
box-shadow:0 4px 18px rgba(212, 160, 23, 0.45), 0 1px 0.25rem rgba(28, 21, 9, 0.18);
color:#1C1509;
}
.oci-btn_pri-udk:hover{
background:#BC8D12;
}
.oci-btn_ghost-udk{
background:rgba(184, 134, 11, 0.11);
font-weight:600;
color:#1C1509;
}
.oci-btn_line-udk{
border:1px solid rgba(28, 21, 9, 0.22);
background:transparent;
color:#1C1509;
font-weight:600;
}
.oci-btn_lg-udk{
padding:1rem 30px;
border-radius:13px;
font-size:15px;
}
.oci-band-udk .oci-btn_line-udk{
border-color:rgba(255, 255, 255, 0.13);
color:#F5EDD8;
}
.oci-band-udk .oci-btn_ghost-udk{
background:rgba(255, 255, 255, 0.08);
color:#F5EDD8;
}
.oci-link_m-udk{
gap:0.313rem;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.75rem;
color:#B8860B;
cursor:pointer;
display:inline-flex;
text-decoration:none;
align-items:center;
}
.oci-link_m-udk svg{
height:14px;
width:14px;
}
.oci-band-udk .oci-link_m-udk{
color:#F0C040;
}
.oci-dot-udk{
background:#B8860B;
flex:none;
border-radius:50%;
height:7px;
width:0.438rem;
}
.oci-dot_live-udk{
animation:zm3-pulse 1.4s infinite;
background:#C8362A;
}
.oci-stars-udk{
gap:2px;
color:#B8860B;
display:inline-flex;
}
.oci-stars-udk svg{
width:0.938rem;
height:15px;
}
.oci-chip-udk{
gap:0.375rem;
padding:0.438rem 12px;
border:1px solid rgba(28, 21, 9, 0.12);
border-radius:8px;
background:#FFFFFF;
color:#3D3120;
align-items:center;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-size:11px;
display:inline-flex;
}
.oci-chip_on-udk{
background:rgba(184, 134, 11, 0.11);
border-color:transparent;
color:#B8860B;
}
.oci-gc-udk{
text-decoration:none;
min-width:0;
cursor:pointer;
color:inherit;
display:block;
}
.oci-gc_thumb-udk{
overflow:hidden;
border-radius:13px;
border:1px solid rgba(28, 21, 9, 0.12);
aspect-ratio:1;
display:block;
background-position:center;
position:relative;
background-size:cover;
}
.oci-gc_thumb_portrait-udk{
aspect-ratio:3/4;
}
.oci-gc_thumb_wide-udk{
aspect-ratio:16/11;
}
.oci-gc_cap-udk{
padding:9px;
background:linear-gradient(transparent,rgba(20, 14, 4, 0.68));
left:0;
bottom:0;
right:0;
position:absolute;
}
.oci-gc_name-udk{
display:block;
font-size:0.781rem;
font-weight:700;
color:#F5EDD8;
}
.oci-gc_meta-udk{
font-size:11px;
color:#B8A07A;
}
.oci-gc_badge-udk{
border-radius:0.5rem;
background:#B8860B;
padding:2px 6px;
right:8px;
color:#1C1509;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-weight:700;
position:absolute;
font-size:0.5rem;
top:0.5rem;
}
.oci-gc_badge_hot-udk{
background:#C8362A;
color:#F5EDD8;
}
.oci-gc_badge_live-udk{
background:#C8362A;
right:auto;
left:0.5rem;
color:#F5EDD8;
}
.oci-gc_mult-udk{
inset:0;
justify-content:center;
font-weight:700;
font-size:28px;
display:flex;
align-items:center;
color:#B8860B;
position:absolute;
}
.oci-pc-udk{
border-radius:13px;
border:1px solid rgba(28, 21, 9, 0.12);
background:#FFFFFF;
display:flex;
color:#3D3120;
font-weight:700;
height:4rem;
justify-content:center;
align-items:center;
font-size:14px;
}
.oci-rail-udk{
min-width:0;
}
.oci-rail_scroll-udk{
gap:14px;
display:grid;
}
.oci-rail_scroll-udk>*{
min-width:0;
}
.oci-g6-udk{
grid-template-columns:repeat(6,1fr);
}
.oci-g7-udk{
grid-template-columns:repeat(7,1fr);
}
.oci-g4-udk{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1023px){
.oci-g6-udk,.oci-g7-udk{
grid-template-columns:none;
padding-bottom:0.375rem;
overflow-x:auto;
scroll-snap-type:x mandatory;
grid-auto-columns:120px;
grid-auto-flow:column;
}
.oci-g6-udk>*,.oci-g7-udk>*{
scroll-snap-align:start;
}
.oci-g4-udk{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:562px){
.oci-g4-udk{
grid-template-columns:none;
overflow-x:auto;
grid-auto-flow:column;
grid-auto-columns:150px;
}
}
.oci-panel-udk{
border-radius:1.25rem;
background:#FFFFFF;
border:1px solid rgba(28, 21, 9, 0.12);
padding:28px 2rem;
}
.oci-split-udk{
gap:36px;
display:grid;
align-items:start;
}
.oci-split-udk>*{
min-width:0;
}
.oci-split_a-udk{
grid-template-columns:.85fr 1.15fr;
}
.oci-split_b-udk{
grid-template-columns:1fr 1.1fr;
}
.oci-split_c-udk{
grid-template-columns:1.1fr .9fr;
}
.oci-pgrid-udk{
gap:2.5rem;
grid-template-columns:.9fr 1.1fr;
display:grid;
align-items:center;
}
.oci-pgrid-udk>*{
min-width:0;
}
.oci-lead-udk{
font-size:15px;
margin-bottom:0.875rem;
color:#3D3120;
line-height:1.65;
}
.oci-feat-udk{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.oci-feat-udk>*{
min-width:0;
}
.oci-feat2-udk{
grid-template-columns:1fr 1fr;
}
.oci-feat_card-udk{
padding:1.625rem;
background:#FFFFFF;
border-radius:20px;
border:1px solid rgba(28, 21, 9, 0.12);
}
.oci-feat_card-udk svg{
height:26px;
margin-bottom:16px;
width:26px;
color:#B8860B;
}
.oci-feat_card-udk h3{
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:0.5rem;
color:#1C1509;
font-size:1.125rem;
}
.oci-feat_card-udk p{
line-height:1.6;
color:#3D3120;
font-size:0.813rem;
}
.oci-feat_card-udk b{
color:#1C1509;
}
.oci-big-udk{
gap:1.375rem;
display:flex;
flex-wrap:wrap;
}
.oci-big_n-udk{
color:#B8860B;
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:26px;
}
.oci-big_l-udk{
color:#7A6A4F;
font-size:12px;
}
.oci-person-udk{
border-radius:13px;
background:#FFFFFF;
gap:14px;
border:1px solid rgba(28, 21, 9, 0.12);
padding:1rem 1.125rem;
display:flex;
align-items:center;
}
.oci-avatar-udk{
background:linear-gradient(135deg,#D4A017,#8B6309);
flex:none;
border-radius:50%;
height:2.75rem;
width:2.75rem;
}
.oci-person_name-udk{
color:#1C1509;
font-weight:700;
font-size:14px;
}
.oci-person_role-udk{
font-size:0.75rem;
color:#7A6A4F;
}
.oci-kv-udk{
gap:1px;
grid-template-columns:1fr 1fr;
border:1px solid rgba(28, 21, 9, 0.12);
overflow:hidden;
border-radius:0.813rem;
background:rgba(28, 21, 9, 0.12);
display:grid;
}
.oci-kv-udk>div{
background:#F9F6F0;
padding:16px 18px;
min-width:0;
}
.oci-kv_k-udk{
margin-bottom:5px;
color:#B8860B;
font-size:0.594rem;
text-transform:uppercase;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
}
.oci-kv_v-udk{
font-weight:700;
font-size:0.844rem;
color:#1C1509;
}
@media(max-width:1025px){
.oci-split_a-udk,.oci-split_b-udk,.oci-split_c-udk,.oci-pgrid-udk{
gap:24px;
grid-template-columns:1fr;
}
.oci-feat-udk,.oci-feat2-udk{
grid-template-columns:1fr;
}
.oci-kv-udk{
grid-template-columns:1fr;
}
}
.oci-sh-udk{
min-width:0;
margin-bottom:16px;
}
.oci-sh_row-udk{
gap:0.75rem;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
justify-content:space-between;
}
.oci-sh_row-udk .oci-sh_l-udk{
gap:0.375rem;
min-width:0;
flex-direction:column;
display:flex;
}
.oci-sh_stack-udk{
gap:0.625rem;
flex-direction:column;
align-items:flex-start;
display:flex;
}
.oci-sh_center-udk{
gap:0.625rem;
flex-direction:column;
text-align:center;
display:flex;
align-items:center;
}
.oci-sh_h2-udk{
gap:0.563rem;
overflow-wrap:break-word;
align-items:center;
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#1C1509;
display:flex;
line-height:1.1;
font-size:20px;
}
@media(min-width:768px){
.oci-sh_h2-udk{
font-size:24px;
}
}
.oci-band-udk .oci-sh_h2-udk{
color:#F5EDD8;
}
.oci-eb_mono-udk{
text-transform:none;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
letter-spacing:.08em;
}
.oci-eb_mono-udk::before{
content:"// ";
}
.oci-eb_upper-udk{
text-transform:uppercase;
letter-spacing:.14em;
}
.oci-eb_pill-udk{
background:rgba(184, 134, 11, 0.11);
padding:5px 11px;
border-radius:999px;
letter-spacing:.12em;
text-transform:uppercase;
}
.oci-eb_line-udk{
gap:0.625rem;
align-items:center;
display:inline-flex;
}
.oci-eb_line-udk::before{
background:#B8860B;
display:inline-block;
height:1px;
width:24px;
content:"";
}
.oci-band-udk .oci-eb_line-udk::before{
background:#F0C040;
}
.oci-band-udk .oci-eb_pill-udk{
background:rgba(255, 255, 255, 0.08);
}
.oci-sh_link-udk{
transition:color 0.2s ease,border-color 0.2s ease;
gap:0.375rem;
border-bottom:1px solid #1C1509;
font-size:0.813rem;
font-weight:600;
white-space:nowrap;
padding-bottom:2px;
display:inline-flex;
align-items:center;
color:#1C1509;
}
.oci-sh_link-udk:hover{
border-color:#B8860B;
color:#B8860B;
}
.oci-sh_link-udk svg{
width:14px;
height:0.875rem;
}
.oci-sh_link_chev-udk{
padding-bottom:0;
color:#B8860B;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.75rem;
border-bottom:0;
}
.oci-sh_link_btn-udk{
background:#D4A017;
padding:9px 1.125rem;
border-radius:999px;
border-bottom:0;
color:#1C1509;
}
.oci-sh_link_btn-udk:hover{
background:#BC8D12;
border-color:transparent;
}
.oci-band-udk .oci-sh_link-udk{
border-color:#F5EDD8;
color:#F5EDD8;
}
.oci-band-udk .oci-sh_link_chev-udk{
color:#F0C040;
}
.oci-sh_rule-udk{
margin:-2px 0 1rem;
background:rgba(28, 21, 9, 0.12);
height:1px;
}
.oci-band-udk .oci-sh_rule-udk{
background:rgba(255, 255, 255, 0.13);
}
.oci-seo_grid3-udk{
grid-template-columns:repeat(3,1fr);
gap:20px;
display:grid;
}
.oci-seo_grid4-udk{
gap:13px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.oci-seo_grid3-udk>*,.oci-seo_grid4-udk>*{
min-width:0;
}
.oci-seo_card-udk{
border:1px solid rgba(28, 21, 9, 0.12);
border-radius:13px;
background:#FFFFFF;
padding:24px;
}
.oci-seo_card-udk h3{
font-weight:700;
margin-bottom:8px;
color:#1C1509;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:18px;
}
.oci-seo_card-udk p{
color:#3D3120;
line-height:1.6;
font-size:0.813rem;
}
.oci-seo_card_sm-udk{
padding:1.25rem;
}
.oci-seo_card_sm-udk h3{
font-size:16px;
}
.oci-seo_card_sm-udk p{
font-size:0.781rem;
line-height:1.55;
}
.oci-seo_rtp_row-udk{
gap:2.25rem;
grid-template-columns:1fr 1fr;
margin-top:1rem;
display:grid;
align-items:center;
}
.oci-rtp-udk{
gap:14px;
display:flex;
min-width:0;
}
.oci-rtp-udk>div{
background:#F9F6F0;
border-radius:0.813rem;
padding:1rem;
flex:1;
min-width:0;
text-align:center;
}
.oci-rtp_n-udk{
color:#B8860B;
font-weight:700;
white-space:nowrap;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1.625rem;
}
.oci-rtp_l-udk{
color:#7A6A4F;
margin-top:0.25rem;
font-size:0.688rem;
}
.oci-cmp-udk{
border-radius:13px;
overflow:hidden;
border:1px solid rgba(28, 21, 9, 0.12);
max-width:47.5rem;
}
.oci-cmp_row-udk{
grid-template-columns:1.6fr 1fr 1fr;
font-size:0.813rem;
display:grid;
}
.oci-cmp_row-udk>div{
padding:0.813rem 0.875rem;
text-align:center;
min-width:0;
}
.oci-cmp_row-udk>div:first-child{
font-weight:600;
padding-left:22px;
text-align:left;
color:#1C1509;
}
.oci-cmp_th-udk{
background:#F9F6F0;
font-size:12.5px;
font-weight:700;
}
.oci-cmp_row-udk:not(.oci-cmp_th-udk){
background:#FFFFFF;
color:#3D3120;
border-top:1px solid rgba(28, 21, 9, 0.08);
}
.oci-cmp_zebra-udk{
background:#F3EFE7;
}
.oci-guide-udk{
border-radius:13px;
border:1px solid rgba(28, 21, 9, 0.12);
overflow:hidden;
background:#FFFFFF;
cursor:pointer;
}
.oci-guide_cover-udk{
height:130px;
}
.oci-guide_body-udk{
padding:1.25rem;
}
.oci-guide_body-udk h3{
margin:7px 0 9px;
line-height:1.25;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#1C1509;
font-size:1rem;
font-weight:700;
}
.oci-guide_meta-udk{
color:#7A6A4F;
font-size:11.5px;
}
.oci-hub-udk{
gap:28px;
grid-template-columns:repeat(5,1fr);
padding-top:1.75rem;
border-top:1px solid rgba(28, 21, 9, 0.08);
display:grid;
}
.oci-hub-udk>*{
min-width:0;
}
.oci-hub-udk h4{
font-weight:700;
margin-bottom:11px;
color:#1C1509;
font-size:13px;
}
.oci-hub_col-udk{
gap:0.5rem;
flex-direction:column;
display:flex;
color:#3D3120;
font-size:0.813rem;
}
.oci-hub_col-udk a{
cursor:pointer;
}
@media(max-width:1022px){
.oci-seo_grid3-udk{
grid-template-columns:1fr;
}
.oci-seo_grid4-udk{
grid-template-columns:repeat(2,1fr);
}
.oci-seo_rtp_row-udk{
gap:20px;
grid-template-columns:1fr;
}
.oci-hub-udk{
grid-template-columns:repeat(2,1fr);
gap:22px;
}
}
@media(max-width:561px){
.oci-hub-udk{
grid-template-columns:1fr;
}
}
.oci-hero-udk{
overflow:hidden;
border-radius:20px;
border:1px solid rgba(28, 21, 9, 0.12);
padding:2.875rem 3rem;
background:linear-gradient(120deg,#1A1208,#0E1520);
color:#F5EDD8;
position:relative;
}
.oci-hero_glow-udk{
border-radius:50%;
background:radial-gradient(circle,rgba(212, 160, 23, 0.22),transparent 70%);
position:absolute;
right:-3.75rem;
height:21.25rem;
width:340px;
top:-60px;
}
.oci-hero_in-udk{
position:relative;
max-width:600px;
}
.oci-hero-udk .oci-eyebrow-udk{
color:#F0C040;
}
.oci-pill_row-udk{
gap:8px;
border:1px solid rgba(255, 255, 255, 0.13);
padding:0.375rem 13px;
background:rgba(255, 255, 255, 0.08);
border-radius:62.438rem;
margin-bottom:22px;
letter-spacing:.1em;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.656rem;
display:inline-flex;
text-transform:uppercase;
color:#F0C040;
align-items:center;
}
.oci-hero_h1-udk{
margin:1.125rem 0;
color:#F5EDD8;
font-weight:700;
font-size:54px;
letter-spacing:-.02em;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.02;
overflow-wrap:break-word;
}
.oci-hero_h1-udk em{
color:#F0C040;
font-style:normal;
}
.oci-hero_sub-udk{
color:#B8A07A;
font-size:1.063rem;
line-height:1.55;
margin-bottom:28px;
max-width:480px;
}
.oci-hero_cta-udk{
gap:14px;
margin-bottom:1.625rem;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.oci-hero_trust-udk{
gap:14px;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.oci-hero_rating_txt-udk{
color:#B8A07A;
font-size:0.813rem;
}
@media(max-width:1023px){
.oci-hero-udk{
padding:32px 24px;
}
.oci-hero_h1-udk{
font-size:2.375rem;
}
}
@media(max-width:561px){
.oci-hero_h1-udk{
font-size:30px;
}
}
.oci-tabs-udk{
gap:0.563rem;
flex-wrap:wrap;
display:flex;
}
.oci-tab-udk{
border:1px solid rgba(28, 21, 9, 0.12);
padding:0.625rem 18px;
background:#FFFFFF;
border-radius:8px;
font-size:0.813rem;
color:#3D3120;
cursor:pointer;
font-weight:600;
}
.oci-tab_on-udk{
border-color:transparent;
background:#D4A017;
color:#1C1509;
font-weight:700;
}
.oci-stat-udk{
gap:14px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.oci-stat-udk>*{
min-width:0;
}
.oci-stat_item-udk{
border:1px solid rgba(28, 21, 9, 0.12);
background:#FFFFFF;
padding:18px 1.25rem;
border-radius:13px;
}
.oci-stat_k-udk{
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:0.438rem;
font-size:0.594rem;
text-transform:uppercase;
color:#7A6A4F;
letter-spacing:.12em;
}
.oci-stat_v-udk{
gap:8px;
color:#1C1509;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
align-items:center;
font-size:1.5rem;
display:flex;
min-width:0;
overflow-wrap:anywhere;
font-weight:700;
}
.oci-stat_v_accent-udk{
color:#B8860B;
}
@media(max-width:1026px){
.oci-stat-udk{
grid-template-columns:repeat(2,1fr);
}
}
.oci-wlc-udk{
grid-template-columns:1.2fr .8fr;
border-radius:1.25rem;
border:1px solid rgba(28, 21, 9, 0.12);
padding:2.25rem 2.5rem;
gap:1.5rem;
overflow:hidden;
background:linear-gradient(120deg,#1A1208,#0E1520);
color:#F5EDD8;
display:grid;
position:relative;
align-items:center;
}
.oci-wlc-udk>*{
min-width:0;
}
.oci-wlc-udk .oci-eyebrow-udk{
color:#F0C040;
}
.oci-wlc_glow-udk{
border-radius:50%;
background:radial-gradient(circle,rgba(212, 160, 23, 0.22),transparent 70%);
width:260px;
top:-2.5rem;
right:-40px;
height:16.25rem;
position:absolute;
}
.oci-wlc_in-udk{
position:relative;
}
.oci-wlc_h2-udk{
margin:10px 0 0.5rem;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
overflow-wrap:break-word;
line-height:1.03;
font-weight:700;
font-size:34px;
color:#F5EDD8;
}
.oci-wlc_h2-udk em{
font-style:normal;
color:#F0C040;
}
.oci-wlc_sub-udk{
font-size:0.875rem;
margin-bottom:18px;
line-height:1.55;
color:#B8A07A;
max-width:420px;
}
.oci-wlc_terms-udk{
gap:10px;
display:flex;
position:relative;
flex-direction:column;
}
.oci-term-udk{
border-radius:0.813rem;
background:rgba(255, 255, 255, 0.08);
gap:11px;
padding:13px 15px;
border:1px solid rgba(255, 255, 255, 0.13);
align-items:center;
display:flex;
}
.oci-term-udk svg{
flex:none;
color:#F0C040;
height:20px;
width:20px;
}
.oci-term_k-udk{
letter-spacing:.1em;
text-transform:uppercase;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
color:#B8A07A;
font-size:9.5px;
}
.oci-term_v-udk{
margin-top:2px;
font-size:0.875rem;
color:#F5EDD8;
font-weight:700;
}
@media(max-width:1026px){
.oci-wlc-udk{
grid-template-columns:1fr;
}
}
@media(max-width:559px){
.oci-wlc_h2-udk{
font-size:26px;
}
}
.oci-jp-udk{
gap:14px;
grid-template-columns:1.5fr 1fr 1fr;
display:grid;
}
.oci-jp-udk>*{
min-width:0;
}
.oci-jp_hero-udk{
padding:26px;
border-radius:1.25rem;
background:linear-gradient(135deg,#1A1208,#0E1520);
border:1px solid rgba(28, 21, 9, 0.12);
gap:0.875rem;
overflow:hidden;
justify-content:space-between;
position:relative;
min-height:180px;
flex-direction:column;
display:flex;
color:#F5EDD8;
}
.oci-jp_glow-udk{
border-radius:50%;
background:radial-gradient(circle,rgba(212, 160, 23, 0.22),transparent 70%);
width:180px;
top:-2.5rem;
position:absolute;
height:180px;
right:-40px;
}
.oci-jp_k_row-udk{
gap:0.625rem;
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
}
.oci-jp_k-udk{
text-transform:uppercase;
letter-spacing:.12em;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-size:10px;
color:#7A6A4F;
}
.oci-jp_hero-udk .oci-jp_k-udk{
color:#B8A07A;
}
.oci-jp_amt-udk{
line-height:1;
font-weight:700;
font-size:42px;
color:#F0C040;
position:relative;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.oci-jp_sub-udk{
color:#B8A07A;
font-size:12px;
margin-top:0.313rem;
}
.oci-jp_cell-udk{
border-radius:1.25rem;
background:#FFFFFF;
padding:22px;
border:1px solid rgba(28, 21, 9, 0.12);
flex-direction:column;
display:flex;
justify-content:space-between;
min-height:180px;
}
.oci-jp_cell-udk .oci-jp_amt-udk{
color:#1C1509;
font-size:1.875rem;
}
.oci-jp_cell-udk .oci-jp_sub-udk{
color:#7A6A4F;
}
@media(max-width:1026px){
.oci-jp-udk{
grid-template-columns:1fr;
}
}
@media(max-width:563px){
.oci-jp_amt-udk{
font-size:32px;
}
}
.oci-tour-udk{
overflow:hidden;
border-radius:20px;
grid-template-columns:1.05fr 1fr;
border:1px solid rgba(28, 21, 9, 0.12);
display:grid;
}
.oci-tour-udk>*{
min-width:0;
}
.oci-tour_l-udk{
background:linear-gradient(135deg,#1A1208,#0E1520);
padding:2.125rem;
overflow:hidden;
color:#F5EDD8;
position:relative;
}
.oci-tour_h2-udk{
margin:0.75rem 0 0.625rem;
font-size:30px;
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.05;
color:#F5EDD8;
}
.oci-tour_h2-udk em{
font-style:normal;
color:#F0C040;
}
.oci-tour_text-udk{
line-height:1.6;
color:#B8A07A;
max-width:340px;
margin-bottom:1.25rem;
font-size:0.844rem;
}
.oci-tour_meta-udk{
gap:1.125rem;
display:flex;
align-items:flex-end;
flex-wrap:wrap;
margin-bottom:1.25rem;
}
.oci-tour_cap-udk{
font-size:9.5px;
margin-bottom:5px;
color:#B8A07A;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
}
.oci-count-udk{
gap:6px;
display:flex;
}
.oci-count-udk span{
background:rgba(255, 255, 255, 0.08);
padding:0.25rem 9px;
border:1px solid rgba(255, 255, 255, 0.13);
border-radius:0.5rem;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-weight:700;
font-size:1.375rem;
}
.oci-tour_units-udk{
color:#B8A07A;
font-size:0.625rem;
}
.oci-board-udk{
background:#FFFFFF;
padding:28px 30px;
}
.oci-board_head-udk{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:0.875rem;
}
.oci-board_title-udk{
font-size:16px;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
color:#1C1509;
}
.oci-board_upd-udk{
text-transform:uppercase;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
color:#7A6A4F;
font-size:0.625rem;
}
.oci-board_list-udk{
gap:2px;
flex-direction:column;
display:flex;
}
.oci-board_row-udk{
border-radius:0.5rem;
padding:0.625rem 12px;
gap:0.75rem;
display:flex;
align-items:center;
}
.oci-board_top1-udk{
background:rgba(184, 134, 11, 0.11);
}
.oci-board_rk-udk{
font-weight:700;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
width:20px;
font-size:14px;
color:#7A6A4F;
}
.oci-board_top1-udk .oci-board_rk-udk{
color:#B8860B;
}
.oci-board_nm-udk{
flex:1;
min-width:0;
font-weight:600;
color:#3D3120;
font-size:0.844rem;
}
.oci-board_top1-udk .oci-board_nm-udk{
font-weight:700;
color:#1C1509;
}
.oci-board_pt-udk{
color:#3D3120;
font-size:0.781rem;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
}
@media(max-width:1023px){
.oci-tour-udk{
grid-template-columns:1fr;
}
}
@media(max-width:562px){
.oci-tour_h2-udk{
font-size:1.5rem;
}
}
.oci-dw_h2-udk{
color:#1C1509;
font-weight:700;
margin-bottom:10px;
font-size:26px;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.08;
}
.oci-steps_v-udk{
gap:10px;
grid-template-columns:1fr;
}
.oci-steps_v-udk .oci-step-udk{
padding:18px 20px;
}
@media(max-width:563px){
.oci-dw_h2-udk{
font-size:1.438rem;
}
}
.oci-gm-udk{
gap:16px;
grid-template-columns:1.3fr 1fr;
display:grid;
}
.oci-gm-udk>*{
min-width:0;
}
.oci-gm_panel-udk{
border-radius:20px;
padding:1.75rem;
border:1px solid rgba(28, 21, 9, 0.12);
background:#FFFFFF;
}
.oci-gm_h2-udk{
margin:0.625rem 0 8px;
font-size:24px;
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#1C1509;
}
.oci-gm_text-udk{
line-height:1.6;
font-size:13.5px;
color:#3D3120;
max-width:440px;
margin-bottom:20px;
}
.oci-gm_level-udk{
gap:14px;
display:flex;
align-items:center;
margin-bottom:16px;
}
.oci-gm_lv-udk{
color:#B8860B;
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1.5rem;
}
.oci-gm_bar_wrap-udk{
flex:1;
min-width:0;
}
.oci-gm_bar_meta-udk{
margin-bottom:5px;
display:flex;
justify-content:space-between;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-size:10px;
color:#7A6A4F;
}
.oci-bar-udk{
overflow:hidden;
background:#F9F6F0;
border-radius:999px;
height:0.5rem;
}
.oci-bar_fill-udk{
border-radius:62.438rem;
background:linear-gradient(90deg,#D4A017,#8B6309);
display:block;
height:100%;
}
.oci-gm_missions-udk{
gap:0.563rem;
display:flex;
flex-wrap:wrap;
}
.oci-gm_refer-udk{
padding:1.75rem;
border-radius:1.25rem;
background:linear-gradient(150deg,#1A1208,#0E1520);
border:1px solid rgba(28, 21, 9, 0.12);
overflow:hidden;
display:flex;
justify-content:space-between;
position:relative;
color:#F5EDD8;
flex-direction:column;
}
.oci-gm_refer-udk .oci-eyebrow-udk{
color:#F0C040;
}
.oci-gm_ref_h2-udk{
margin:0.625rem 0 8px;
font-size:1.5rem;
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.1;
color:#F5EDD8;
}
.oci-gm_ref_h2-udk em{
font-style:normal;
color:#F0C040;
}
.oci-gm_ref_text-udk{
margin-bottom:1.125rem;
color:#B8A07A;
line-height:1.55;
font-size:0.813rem;
}
@media(max-width:1023px){
.oci-gm-udk{
grid-template-columns:1fr;
}
}
.oci-promo_grid-udk{
grid-template-columns:repeat(3,1fr);
gap:1rem;
display:grid;
}
.oci-promo_grid-udk>*{
min-width:0;
}
.oci-promo-udk{
padding:1.5rem;
background:#FFFFFF;
border:1px solid rgba(28, 21, 9, 0.12);
border-radius:20px;
overflow:hidden;
position:relative;
min-height:150px;
}
.oci-promo_h-udk{
margin-top:0.375rem;
line-height:1.05;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
font-size:1.625rem;
color:#1C1509;
}
.oci-promo_h-udk em{
color:#B8860B;
font-style:normal;
}
.oci-promo_p-udk{
font-size:12.5px;
line-height:1.5;
color:#3D3120;
margin-top:0.5rem;
}
.oci-promo_feat-udk{
border-color:rgba(28, 21, 9, 0.12);
background:linear-gradient(135deg,#1A1208,#0E1520);
}
.oci-promo_feat-udk .oci-promo_h-udk{
color:#F5EDD8;
}
.oci-promo_feat-udk .oci-promo_h-udk em{
color:#F0C040;
}
.oci-promo_feat-udk .oci-promo_p-udk{
color:#B8A07A;
}
.oci-promo_feat-udk .oci-eyebrow-udk{
color:#F0C040;
}
@media(max-width:1025px){
.oci-promo_grid-udk{
grid-template-columns:1fr;
}
}
.oci-supp-udk{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.oci-supp-udk>*{
min-width:0;
}
.oci-supp_card-udk{
background:#FFFFFF;
border-radius:0.813rem;
padding:24px;
border:1px solid rgba(28, 21, 9, 0.12);
}
.oci-supp_card-udk svg{
height:1.5rem;
margin-bottom:0.875rem;
width:24px;
color:#B8860B;
}
.oci-supp_card-udk h3{
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#1C1509;
font-weight:700;
margin-bottom:6px;
font-size:16px;
}
.oci-supp_card-udk p{
color:#3D3120;
line-height:1.55;
font-size:0.813rem;
}
@media(max-width:1021px){
.oci-supp-udk{
grid-template-columns:1fr;
}
}
.oci-vip_head-udk{
gap:0.75rem;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:1.125rem;
display:flex;
align-items:flex-end;
}
.oci-vip_intro-udk{
max-width:26.25rem;
color:#3D3120;
font-size:0.813rem;
}
.oci-vip-udk{
gap:12px;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.oci-vip-udk>*{
min-width:0;
}
.oci-tier-udk{
background:#FFFFFF;
border:1px solid rgba(28, 21, 9, 0.12);
border-radius:0.813rem;
padding:20px;
}
.oci-tier_on-udk{
border-color:#B8860B;
background:rgba(184, 134, 11, 0.11);
}
.oci-tier_medal-udk{
background:linear-gradient(135deg,#D4A017,#8B6309);
border-radius:0.5rem;
width:1.875rem;
margin-bottom:14px;
height:30px;
}
.oci-tier_name-udk{
margin-bottom:0.313rem;
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:15px;
color:#1C1509;
}
.oci-tier_tx-udk{
line-height:1.5;
color:#7A6A4F;
font-size:0.719rem;
}
@media(max-width:1025px){
.oci-vip-udk{
grid-template-columns:repeat(2,1fr);
}
}
.oci-steps-udk{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.oci-steps-udk>*{
min-width:0;
}
.oci-step-udk{
background:#FFFFFF;
border:1px solid rgba(28, 21, 9, 0.12);
padding:24px;
border-radius:13px;
position:relative;
}
.oci-step_num-udk{
background:#D4A017;
border-radius:8px;
align-items:center;
width:1.875rem;
font-weight:700;
color:#1C1509;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:0.875rem;
font-size:13px;
display:flex;
height:1.875rem;
justify-content:center;
}
.oci-step_h-udk{
font-size:16px;
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:0.438rem;
color:#1C1509;
}
.oci-step_p-udk{
line-height:1.55;
font-size:13px;
color:#3D3120;
}
@media(max-width:1025px){
.oci-steps-udk{
grid-template-columns:1fr;
}
}
.oci-pay_logos-udk{
grid-template-columns:repeat(4,1fr);
gap:9px;
display:grid;
}
.oci-pay_logos-udk>*{
min-width:0;
}
.oci-pay-udk{
border-radius:0.5rem;
border:1px solid rgba(28, 21, 9, 0.12);
align-items:center;
font-weight:700;
justify-content:center;
color:#3D3120;
height:3rem;
font-size:12px;
display:flex;
}
.oci-table-udk{
border-radius:13px;
overflow:hidden;
border:1px solid rgba(28, 21, 9, 0.12);
}
.oci-trow-udk{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.oci-trow-udk>div{
padding:0.813rem 0.875rem;
min-width:0;
}
.oci-trow-udk>div:first-child{
font-weight:700;
color:#1C1509;
padding-left:1rem;
}
.oci-trow_th-udk{
background:#F9F6F0;
color:#7A6A4F;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-size:9.5px;
text-transform:uppercase;
letter-spacing:.06em;
}
.oci-trow-udk:not(.oci-trow_th-udk){
background:#FFFFFF;
border-top:1px solid rgba(28, 21, 9, 0.08);
color:#3D3120;
}
.oci-trow_zebra-udk{
background:#F3EFE7;
}
.oci-pos-udk{
font-weight:700;
color:#B8860B;
}
@media(max-width:1025px){
.oci-pay_logos-udk{
grid-template-columns:repeat(2,1fr);
}
}
.oci-op_h2-udk{
margin:0.625rem 0 0.5rem;
color:#1C1509;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.1;
font-weight:700;
font-size:1.5rem;
}
.oci-op_text-udk{
font-size:13.5px;
color:#3D3120;
line-height:1.6;
}
@media(max-width:560px){
.oci-op_h2-udk{
font-size:1.375rem;
}
}
.oci-ab_h2-udk{
margin:0.875rem 0 16px;
line-height:1.08;
color:#1C1509;
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:32px;
}
.oci-ab_body-udk{
line-height:1.65;
margin-bottom:0.875rem;
font-size:15px;
color:#3D3120;
}
.oci-ab_chips-udk{
gap:10px;
flex-wrap:wrap;
margin-top:0.5rem;
display:flex;
}
.oci-faq-udk{
gap:0.625rem;
display:flex;
flex-direction:column;
}
.oci-faq_item-udk{
padding:1.125rem 1.375rem;
border:1px solid rgba(28, 21, 9, 0.12);
background:#FFFFFF;
border-radius:13px;
}
.oci-faq_q-udk{
list-style:none;
gap:16px;
cursor:pointer;
font-weight:600;
justify-content:space-between;
font-size:15.5px;
display:flex;
color:#1C1509;
align-items:center;
}
.oci-faq_q-udk::-webkit-details-marker{
display:none;
}
.oci-faq_q_t-udk{
gap:0.625rem;
display:flex;
}
.oci-faq_q_i-udk{
font-style:normal;
color:#B8860B;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
}
.oci-faq_pm-udk{
color:#B8860B;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-size:1.25rem;
}
.oci-faq_item-udk[open] .oci-faq_pm-udk{
transform:rotate(45deg);
}
.oci-faq_a-udk{
color:#3D3120;
margin-top:12px;
font-size:0.844rem;
line-height:1.6;
}
@media(max-width:560px){
.oci-ab_h2-udk{
font-size:1.625rem;
}
}
.oci-gd_head-udk{
gap:0.75rem;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
margin-bottom:16px;
}
.oci-et_h2-udk{
margin:10px 0 0.875rem;
font-size:28px;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#1C1509;
font-weight:700;
line-height:1.08;
}
.oci-et_right-udk{
gap:10px;
flex-direction:column;
display:flex;
}
.oci-et_updated-udk{
gap:0.625rem;
padding:14px 18px;
background:#F9F6F0;
border-radius:13px;
border:1px solid rgba(28, 21, 9, 0.12);
display:flex;
align-items:center;
color:#3D3120;
font-size:0.75rem;
}
.oci-et_updated-udk svg{
flex:none;
width:15px;
height:0.938rem;
color:#B8860B;
}
.oci-et_updated-udk b{
color:#1C1509;
}
@media(max-width:559px){
.oci-et_h2-udk{
font-size:1.5rem;
}
}
.oci-rc-udk{
grid-template-columns:1fr 1fr 1fr;
gap:2rem;
display:grid;
}
.oci-rc-udk>*{
min-width:0;
}
.oci-rc_awards-udk{
gap:11px;
display:flex;
flex-direction:column;
}
.oci-award-udk{
gap:0.688rem;
display:flex;
align-items:center;
}
.oci-award-udk svg{
flex:none;
color:#F0C040;
height:1.125rem;
width:1.125rem;
}
.oci-award_t-udk{
font-size:13.5px;
color:#1C1509;
font-weight:700;
}
.oci-award_s-udk{
color:#7A6A4F;
font-size:11.5px;
}
.oci-rc_press-udk{
grid-template-columns:1fr 1fr;
gap:10px;
display:grid;
}
.oci-logo_cell-udk{
border:1px solid rgba(28, 21, 9, 0.12);
border-radius:0.5rem;
font-size:0.813rem;
font-weight:700;
color:#3D3120;
height:48px;
justify-content:center;
display:flex;
align-items:center;
}
.oci-rc_partner-udk{
border:1px solid rgba(28, 21, 9, 0.12);
background:#FFFFFF;
padding:1.25rem;
border-radius:0.813rem;
}
.oci-rc_partner_name-udk{
font-weight:700;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:0.375rem;
color:#1C1509;
font-size:18px;
}
.oci-rc_partner_text-udk{
line-height:1.55;
color:#3D3120;
font-size:12.5px;
}
@media(max-width:1027px){
.oci-rc-udk{
gap:1.375rem;
grid-template-columns:1fr;
}
.oci-rc_press-udk{
grid-template-columns:repeat(4,1fr);
}
}
.oci-provs-udk{
gap:12px;
grid-template-columns:repeat(6,1fr);
display:grid;
margin-bottom:1.75rem;
}
.oci-provs-udk>*{
min-width:0;
}
.oci-prov-udk{
padding:0.75rem;
background:#FFFFFF;
border-radius:0.813rem;
border:1px solid rgba(28, 21, 9, 0.12);
text-decoration:none;
display:flex;
justify-content:center;
height:4rem;
align-items:center;
}
.oci-prov_img-udk{
max-width:100%;
max-height:2rem;
object-fit:contain;
}
.oci-resp-udk{
background:#FFFFFF;
gap:1.5rem;
border-radius:13px;
padding:26px;
border:1px solid rgba(28, 21, 9, 0.12);
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
}
.oci-resp_in-udk{
max-width:35rem;
}
.oci-resp_h-udk{
font-size:1.188rem;
font-family:"Space Grotesk", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#1C1509;
margin-bottom:8px;
font-weight:700;
}
.oci-resp_p-udk{
color:#3D3120;
font-size:0.844rem;
line-height:1.6;
}
.oci-resp_badges-udk{
gap:0.875rem;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.oci-age18-udk{
border-radius:0.5rem;
border:1.5px solid #C8362A;
padding:0.25rem 0.5rem;
font-size:13px;
font-weight:700;
color:#C8362A;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
}
.oci-resp_org-udk{
color:#7A6A4F;
font-weight:600;
font-size:0.813rem;
}
@media(max-width:1022px){
.oci-provs-udk{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:559px){
.oci-provs-udk{
grid-template-columns:repeat(2,1fr);
}
}
.oci-rv_head-udk{
gap:0.75rem;
display:flex;
align-items:flex-end;
margin-bottom:18px;
justify-content:space-between;
flex-wrap:wrap;
}
.oci-rv_agg-udk{
gap:10px;
display:flex;
align-items:center;
}
.oci-rv_source-udk{
font-size:12.5px;
color:#7A6A4F;
}
.oci-rv_grid-udk{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.oci-rv_grid-udk>*{
min-width:0;
}
.oci-review-udk{
border:1px solid rgba(28, 21, 9, 0.12);
border-radius:13px;
background:#FFFFFF;
padding:24px;
}
.oci-review-udk .oci-stars-udk{
margin-bottom:0.625rem;
}
.oci-review-udk p{
color:#1C1509;
font-weight:600;
margin-bottom:0.875rem;
line-height:1.5;
font-size:14.5px;
}
.oci-review_by-udk{
font-size:12.5px;
color:#7A6A4F;
}
@media(max-width:1023px){
.oci-rv_grid-udk{
grid-template-columns:1fr;
}
}
.oci-footer-udk{
background:#1A1510;
padding:2.5rem 28px;
border-top:1px solid rgba(28, 21, 9, 0.08);
}
.oci-footer_grid-udk{
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:2rem;
margin-bottom:28px;
max-width:1400px;
margin-right:auto;
display:grid;
margin-left:auto;
}
.oci-footer_grid-udk>*{
min-width:0;
}
.oci-footer_grid-udk h4{
text-transform:uppercase;
color:#A89878;
font-size:0.625rem;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:13px;
letter-spacing:.12em;
}
.oci-fcol-udk{
gap:0.563rem;
flex-direction:column;
color:#3D3120;
display:flex;
font-size:0.813rem;
}
.oci-fcol-udk a{
cursor:pointer;
}
.oci-ft_about-udk{
color:#7A6A4F;
line-height:1.6;
max-width:260px;
margin-top:0.75rem;
font-size:0.813rem;
}
.oci-ft_contact-udk{
overflow-wrap:anywhere;
color:#B8860B;
margin-top:12px;
font-family:"Red Hat Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.781rem;
}
.oci-footer_bottom-udk{
margin:0 auto;
gap:1rem;
border-top:1px solid rgba(28, 21, 9, 0.08);
max-width:87.5rem;
padding-top:1.25rem;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
}
.oci-footer_bottom-udk p{
max-width:720px;
font-size:11px;
color:#A89878;
line-height:1.6;
}
@media(max-width:1026px){
.oci-footer_grid-udk{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:557px){
.oci-footer_grid-udk{
grid-template-columns:1fr;
}
}