*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F0FAFA;
text-rendering:optimizeLegibility;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
font-size:15px;
line-height:1.55;
overflow-wrap:break-word;
-webkit-font-smoothing:antialiased;
color:#2A5560;
}
img{
max-width:100%;
display:block;
}
a{
text-decoration:none;
color:inherit;
}
button{
background:none;
border:none;
cursor:pointer;
font-family:inherit;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
width:0.5rem;
height:0.5rem;
}
::-webkit-scrollbar-thumb{
border-radius:8px;
background:rgba(5, 21, 24, 0.72);
}
::-webkit-scrollbar-track{
background:transparent;
}
.etlshell-o4r{
grid-template-columns:248px 1fr;
display:grid;
min-height:100vh;
}
.etlmain-o4r{
min-width:0;
}
.etlwrap-o4r{
margin:0 auto;
width:100%;
max-width:1400px;
}
.etlcontainer-o4r{
margin:0 auto;
padding:0 16px;
width:100%;
max-width:87.5rem;
}
@media(min-width:766px){
.etlcontainer-o4r{
padding:0 1.75rem;
}
}
.etlsection-o4r{
padding:1.5rem 1.75rem;
}
.etlsection_pt-o4r{
padding-top:34px;
}
.etlband_soft-o4r{
background:#FFFFFF;
}
.etleyebrow-o4r{
font-weight:600;
display:inline-block;
color:#007A8A;
overflow-wrap:break-word;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
text-transform:uppercase;
letter-spacing:.14em;
font-size:10.5px;
line-height:1.4;
}
.etldrawer_cb-o4r{
display:none;
}
.etloverlay-o4r{
display:none;
}
@media(max-width:1025px){
.etlshell-o4r{
grid-template-columns:1fr;
}
.etlmain-o4r{
padding-bottom:78px;
}
.etldrawer_cb-o4r:checked~.etloverlay-o4r{
background:rgba(5, 21, 24, 0.72);
inset:0;
position:fixed;
z-index:70;
display:block;
}
}
@media(max-width:557px){
.etlsection-o4r{
padding:1.125rem 16px;
}
.etlsection_pt-o4r{
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 ---------- */
.etlside-o4r{
gap:1.375rem;
padding:1.375rem 18px;
background:#E2F2F5;
height:100vh;
border-right:1px solid rgba(13, 43, 48, 0.08);
overflow-y:auto;
align-self:start;
top:0;
display:flex;
position:sticky;
flex-direction:column;
}
.etlbrand-o4r{
gap:10px;
display:flex;
align-items:center;
}
.etllogo-o4r{
font-size:1.313rem;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#0D2B30;
letter-spacing:-.02em;
font-weight:700;
}
.etlside_cta-o4r{
padding:16px;
background:rgba(0, 122, 138, 0.11);
border:1px solid rgba(13, 43, 48, 0.12);
border-radius:0.813rem;
}
.etlside_cta_h-o4r{
margin-bottom:0.375rem;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#0D2B30;
font-size:17px;
font-weight:700;
line-height:1.15;
}
.etlside_cta_p-o4r{
font-size:12px;
margin-bottom:12px;
line-height:1.45;
color:#2A5560;
}
.etlnav-o4r{
gap:3px;
flex-direction:column;
display:flex;
}
.etlnav_label-o4r{
padding:6px 10px;
color:#7AAAB5;
font-size:0.594rem;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
letter-spacing:.14em;
}
.etlnav_item-o4r{
padding:10px;
border-radius:9px;
gap:11px;
display:flex;
font-weight:500;
font-size:14px;
align-items:center;
color:#2A5560;
}
.etlnav_item-o4r svg{
width:1.063rem;
height:17px;
}
.etlnav_item-o4r:hover{
background:rgba(0, 122, 138, 0.11);
color:#0D2B30;
}
.etlnav_item_on-o4r{
background:rgba(0, 122, 138, 0.11);
font-weight:600;
color:#007A8A;
}
.etlside_foot-o4r{
background:#FFFFFF;
border-radius:0.813rem;
padding:12px;
border:1px solid rgba(13, 43, 48, 0.12);
margin-top:auto;
}
.etlside_foot-o4r p{
font-size:0.781rem;
line-height:1.4;
margin-top:4px;
color:#2A5560;
}
/* ---------- topbar ---------- */
.etltop-o4r{
padding:0.875rem 1.75rem;
gap:1rem;
background:#E2F2F5;
border-bottom:1px solid rgba(13, 43, 48, 0.08);
z-index:40;
top:0;
align-items:center;
position:sticky;
display:flex;
}
.etltop_brand-o4r{
gap:0.563rem;
display:none;
align-items:center;
}
.etlsearch-o4r{
gap:0.625rem;
border:1px solid rgba(13, 43, 48, 0.12);
background:#FFFFFF;
flex:1;
border-radius:0.813rem;
padding:11px 14px;
max-width:440px;
align-items:center;
color:#4A7A85;
display:flex;
font-size:13.5px;
}
.etlsearch-o4r svg{
flex:none;
height:16px;
width:1rem;
}
.etltop_actions-o4r{
gap:12px;
display:flex;
align-items:center;
margin-left:auto;
}
.etllang-o4r{
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#2A5560;
font-size:12px;
}
.etlburger-o4r{
border-radius:0.563rem;
background:#FFFFFF;
border:1px solid rgba(13, 43, 48, 0.12);
align-items:center;
width:40px;
display:none;
justify-content:center;
height:2.5rem;
color:#0D2B30;
}
/* ---------- bottom-nav (mobile) ---------- */
.etlbotnav-o4r{
display:none;
}
@media(max-width:1021px){
.etlside-o4r{
transition:transform .25s ease;
z-index:80;
width:280px;
top:0;
height:100vh;
position:fixed;
transform:translateX(-100%);
left:0;
}
.etldrawer_cb-o4r:checked~.etlshell-o4r .etlside-o4r{
transform:translateX(0);
}
.etltop-o4r{
padding:14px 16px;
gap:0.75rem;
position:static;
flex-wrap:wrap;
}
.etltop_brand-o4r{
display:flex;
}
.etlsearch-o4r{
display:none;
}
.etlburger-o4r{
display:flex;
}
.etltop_actions-o4r{
gap:10px;
align-items:stretch;
width:100%;
margin-left:0;
}
.etltop_actions-o4r .etllang-o4r{
display:none;
}
.etltop_actions-o4r .etlbtn-o4r{
flex:1;
padding:0.688rem 10px;
text-align:center;
}
.etlbotnav-o4r{
padding:0.5rem 0.375rem calc(0.5rem + env(safe-area-inset-bottom));
background:#E2F2F5;
grid-template-columns:repeat(3,1fr);
z-index:65;
position:fixed;
left:0;
transform:translateZ(0);
bottom:0;
right:0;
border-top:1px solid rgba(13, 43, 48, 0.12);
display:grid;
}
.etlbn-o4r{
gap:4px;
padding:0.375rem 2px 0;
min-width:0;
color:#2A5560;
font-weight:600;
align-items:center;
font-size:0.625rem;
display:flex;
justify-content:flex-end;
flex-direction:column;
}
.etlbn-o4r svg{
flex:none;
width:1.375rem;
height:1.375rem;
}
.etlbn-o4r span{
overflow:hidden;
text-align:center;
white-space:nowrap;
text-overflow:ellipsis;
max-width:100%;
}
.etlbn_on-o4r{
color:#007A8A;
}
.etlbn_center-o4r{
position:relative;
}
.etlbn_fab-o4r{
background:#00C8DA;
border-radius:50%;
box-shadow:0 0.5rem 2rem rgba(0, 122, 138, 0.18), 0 2px 0.5rem rgba(13, 43, 48, 0.12);
justify-content:center;
left:50%;
height:3.125rem;
color:#051518;
top:-1.25rem;
align-items:center;
transform:translateX(-50%);
width:3.125rem;
position:absolute;
display:flex;
}
.etlbn_fab-o4r svg{
height:1.5rem;
width:24px;
}
.etlbn_center-o4r span{
color:#007A8A;
}
}
.etlbtn-o4r{
padding:11px 1.375rem;
transition:background-color 0.2s ease,color 0.2s ease;
gap:0.5rem;
border-radius:9px;
font-size:0.875rem;
font-weight:700;
cursor:pointer;
justify-content:center;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
display:inline-flex;
align-items:center;
}
.etlbtn_pri-o4r{
background:#00C8DA;
box-shadow:0 0.25rem 1.125rem rgba(0, 200, 218, 0.45), 0 1px 4px rgba(0, 85, 102, 0.30);
color:#051518;
}
.etlbtn_pri-o4r:hover{
background:#00AABB;
}
.etlbtn_ghost-o4r{
background:rgba(0, 122, 138, 0.11);
font-weight:600;
color:#0D2B30;
}
.etlbtn_line-o4r{
background:transparent;
border:1px solid rgba(13, 43, 48, 0.22);
font-weight:600;
color:#0D2B30;
}
.etlbtn_lg-o4r{
border-radius:0.813rem;
padding:1rem 1.875rem;
font-size:0.938rem;
}
.etlband-o4r .etlbtn_line-o4r{
border-color:rgba(255, 255, 255, 0.13);
color:#E8F8FA;
}
.etlband-o4r .etlbtn_ghost-o4r{
background:rgba(255, 255, 255, 0.08);
color:#E8F8FA;
}
.etllink_m-o4r{
gap:5px;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
align-items:center;
font-size:12px;
text-decoration:none;
display:inline-flex;
cursor:pointer;
color:#007A8A;
}
.etllink_m-o4r svg{
height:14px;
width:0.875rem;
}
.etlband-o4r .etllink_m-o4r{
color:#00D8E8;
}
.etldot-o4r{
background:#007A8A;
border-radius:50%;
flex:none;
width:7px;
height:0.438rem;
}
.etldot_live-o4r{
animation:zm3-pulse 1.4s infinite;
background:#E03030;
}
.etlstars-o4r{
gap:2px;
color:#007A8A;
display:inline-flex;
}
.etlstars-o4r svg{
height:15px;
width:15px;
}
.etlchip-o4r{
background:#FFFFFF;
gap:6px;
border:1px solid rgba(13, 43, 48, 0.12);
padding:0.438rem 12px;
border-radius:0.563rem;
color:#2A5560;
display:inline-flex;
align-items:center;
font-size:11px;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.etlchip_on-o4r{
border-color:transparent;
background:rgba(0, 122, 138, 0.11);
color:#007A8A;
}
.etlgc-o4r{
display:block;
cursor:pointer;
color:inherit;
min-width:0;
text-decoration:none;
}
.etlgc_thumb-o4r{
border:1px solid rgba(13, 43, 48, 0.12);
overflow:hidden;
border-radius:0.813rem;
background-position:center;
display:block;
position:relative;
aspect-ratio:1;
background-size:cover;
}
.etlgc_thumb_portrait-o4r{
aspect-ratio:3/4;
}
.etlgc_thumb_wide-o4r{
aspect-ratio:16/11;
}
.etlgc_cap-o4r{
padding:0.563rem;
background:linear-gradient(transparent,rgba(5, 21, 24, 0.72));
right:0;
position:absolute;
left:0;
bottom:0;
}
.etlgc_name-o4r{
font-size:12.5px;
display:block;
color:#E8F8FA;
font-weight:700;
}
.etlgc_meta-o4r{
font-size:11px;
color:#7ECCD8;
}
.etlgc_badge-o4r{
background:#007A8A;
padding:2px 0.375rem;
border-radius:9px;
top:8px;
right:8px;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
position:absolute;
font-weight:700;
color:#051518;
font-size:8px;
}
.etlgc_badge_hot-o4r{
background:#E03030;
color:#E8F8FA;
}
.etlgc_badge_live-o4r{
background:#E03030;
color:#E8F8FA;
left:8px;
right:auto;
}
.etlgc_mult-o4r{
inset:0;
position:absolute;
justify-content:center;
align-items:center;
display:flex;
font-weight:700;
font-size:28px;
color:#007A8A;
}
.etlpc-o4r{
border-radius:0.813rem;
background:#FFFFFF;
border:1px solid rgba(13, 43, 48, 0.12);
display:flex;
font-size:14px;
height:4rem;
align-items:center;
justify-content:center;
font-weight:700;
color:#2A5560;
}
.etlrail-o4r{
min-width:0;
}
.etlrail_scroll-o4r{
gap:14px;
display:grid;
}
.etlrail_scroll-o4r>*{
min-width:0;
}
.etlg6-o4r{
grid-template-columns:repeat(6,1fr);
}
.etlg7-o4r{
grid-template-columns:repeat(7,1fr);
}
.etlg4-o4r{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1025px){
.etlg6-o4r,.etlg7-o4r{
grid-template-columns:none;
padding-bottom:0.375rem;
grid-auto-flow:column;
grid-auto-columns:120px;
scroll-snap-type:x mandatory;
overflow-x:auto;
}
.etlg6-o4r>*,.etlg7-o4r>*{
scroll-snap-align:start;
}
.etlg4-o4r{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:563px){
.etlg4-o4r{
grid-template-columns:none;
grid-auto-flow:column;
overflow-x:auto;
grid-auto-columns:150px;
}
}
.etlpanel-o4r{
border:1px solid rgba(13, 43, 48, 0.12);
border-radius:20px;
padding:1.75rem 2rem;
background:#FFFFFF;
}
.etlsplit-o4r{
gap:36px;
align-items:start;
display:grid;
}
.etlsplit-o4r>*{
min-width:0;
}
.etlsplit_a-o4r{
grid-template-columns:.85fr 1.15fr;
}
.etlsplit_b-o4r{
grid-template-columns:1fr 1.1fr;
}
.etlsplit_c-o4r{
grid-template-columns:1.1fr .9fr;
}
.etlpgrid-o4r{
grid-template-columns:.9fr 1.1fr;
gap:2.5rem;
align-items:center;
display:grid;
}
.etlpgrid-o4r>*{
min-width:0;
}
.etllead-o4r{
color:#2A5560;
font-size:0.938rem;
line-height:1.65;
margin-bottom:0.875rem;
}
.etlfeat-o4r{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.etlfeat-o4r>*{
min-width:0;
}
.etlfeat2-o4r{
grid-template-columns:1fr 1fr;
}
.etlfeat_card-o4r{
padding:1.625rem;
border:1px solid rgba(13, 43, 48, 0.12);
background:#FFFFFF;
border-radius:1.25rem;
}
.etlfeat_card-o4r svg{
height:26px;
color:#007A8A;
width:1.625rem;
margin-bottom:1rem;
}
.etlfeat_card-o4r h3{
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:0.5rem;
font-size:18px;
font-weight:700;
color:#0D2B30;
}
.etlfeat_card-o4r p{
color:#2A5560;
font-size:0.813rem;
line-height:1.6;
}
.etlfeat_card-o4r b{
color:#0D2B30;
}
.etlbig-o4r{
gap:1.375rem;
flex-wrap:wrap;
display:flex;
}
.etlbig_n-o4r{
color:#007A8A;
font-size:26px;
font-weight:700;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.etlbig_l-o4r{
font-size:0.75rem;
color:#4A7A85;
}
.etlperson-o4r{
border-radius:0.813rem;
border:1px solid rgba(13, 43, 48, 0.12);
padding:16px 18px;
background:#FFFFFF;
gap:0.875rem;
display:flex;
align-items:center;
}
.etlavatar-o4r{
border-radius:50%;
flex:none;
background:linear-gradient(135deg,#00C8DA,#005566);
width:2.75rem;
height:44px;
}
.etlperson_name-o4r{
color:#0D2B30;
font-size:0.875rem;
font-weight:700;
}
.etlperson_role-o4r{
font-size:0.75rem;
color:#4A7A85;
}
.etlkv-o4r{
border:1px solid rgba(13, 43, 48, 0.12);
gap:1px;
overflow:hidden;
background:rgba(13, 43, 48, 0.12);
border-radius:13px;
grid-template-columns:1fr 1fr;
display:grid;
}
.etlkv-o4r>div{
background:#F0FAFA;
padding:1rem 1.125rem;
min-width:0;
}
.etlkv_k-o4r{
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:0.594rem;
margin-bottom:0.313rem;
text-transform:uppercase;
color:#007A8A;
}
.etlkv_v-o4r{
font-weight:700;
color:#0D2B30;
font-size:0.844rem;
}
@media(max-width:1024px){
.etlsplit_a-o4r,.etlsplit_b-o4r,.etlsplit_c-o4r,.etlpgrid-o4r{
gap:1.5rem;
grid-template-columns:1fr;
}
.etlfeat-o4r,.etlfeat2-o4r{
grid-template-columns:1fr;
}
.etlkv-o4r{
grid-template-columns:1fr;
}
}
.etlsh-o4r{
margin-bottom:1rem;
min-width:0;
}
.etlsh_row-o4r{
gap:0.75rem;
flex-wrap:wrap;
align-items:flex-end;
display:flex;
justify-content:space-between;
}
.etlsh_row-o4r .etlsh_l-o4r{
gap:6px;
flex-direction:column;
min-width:0;
display:flex;
}
.etlsh_stack-o4r{
gap:10px;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.etlsh_center-o4r{
gap:10px;
flex-direction:column;
display:flex;
text-align:center;
align-items:center;
}
.etlsh_h2-o4r{
gap:9px;
overflow-wrap:break-word;
color:#0D2B30;
align-items:center;
font-weight:700;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.1;
font-size:20px;
display:flex;
}
@media(min-width:771px){
.etlsh_h2-o4r{
font-size:1.5rem;
}
}
.etlband-o4r .etlsh_h2-o4r{
color:#E8F8FA;
}
.etleb_mono-o4r{
text-transform:none;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
letter-spacing:.08em;
}
.etleb_mono-o4r::before{
content:"// ";
}
.etleb_upper-o4r{
text-transform:uppercase;
letter-spacing:.14em;
}
.etleb_pill-o4r{
padding:5px 11px;
border-radius:999px;
background:rgba(0, 122, 138, 0.11);
text-transform:uppercase;
letter-spacing:.12em;
}
.etleb_line-o4r{
gap:10px;
display:inline-flex;
align-items:center;
}
.etleb_line-o4r::before{
background:#007A8A;
height:1px;
width:24px;
display:inline-block;
content:"";
}
.etlband-o4r .etleb_line-o4r::before{
background:#00D8E8;
}
.etlband-o4r .etleb_pill-o4r{
background:rgba(255, 255, 255, 0.08);
}
.etlsh_link-o4r{
transition:color 0.2s ease,border-color 0.2s ease;
gap:0.375rem;
display:inline-flex;
align-items:center;
padding-bottom:2px;
border-bottom:1px solid #0D2B30;
font-weight:600;
white-space:nowrap;
font-size:13px;
color:#0D2B30;
}
.etlsh_link-o4r:hover{
border-color:#007A8A;
color:#007A8A;
}
.etlsh_link-o4r svg{
height:14px;
width:14px;
}
.etlsh_link_chev-o4r{
border-bottom:0;
padding-bottom:0;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:0.75rem;
color:#007A8A;
}
.etlsh_link_btn-o4r{
background:#00C8DA;
padding:9px 18px;
border-radius:62.438rem;
color:#051518;
border-bottom:0;
}
.etlsh_link_btn-o4r:hover{
border-color:transparent;
background:#00AABB;
}
.etlband-o4r .etlsh_link-o4r{
border-color:#E8F8FA;
color:#E8F8FA;
}
.etlband-o4r .etlsh_link_chev-o4r{
color:#00D8E8;
}
.etlsh_rule-o4r{
margin:-2px 0 16px;
background:rgba(13, 43, 48, 0.12);
height:1px;
}
.etlband-o4r .etlsh_rule-o4r{
background:rgba(255, 255, 255, 0.13);
}
.etlseo_grid3-o4r{
gap:1.25rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.etlseo_grid4-o4r{
gap:13px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.etlseo_grid3-o4r>*,.etlseo_grid4-o4r>*{
min-width:0;
}
.etlseo_card-o4r{
border-radius:13px;
border:1px solid rgba(13, 43, 48, 0.12);
padding:1.5rem;
background:#FFFFFF;
}
.etlseo_card-o4r h3{
font-size:1.125rem;
margin-bottom:0.5rem;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
color:#0D2B30;
}
.etlseo_card-o4r p{
font-size:13px;
line-height:1.6;
color:#2A5560;
}
.etlseo_card_sm-o4r{
padding:20px;
}
.etlseo_card_sm-o4r h3{
font-size:16px;
}
.etlseo_card_sm-o4r p{
font-size:0.781rem;
line-height:1.55;
}
.etlseo_rtp_row-o4r{
grid-template-columns:1fr 1fr;
gap:2.25rem;
margin-top:1rem;
display:grid;
align-items:center;
}
.etlrtp-o4r{
gap:14px;
min-width:0;
display:flex;
}
.etlrtp-o4r>div{
flex:1;
border-radius:0.813rem;
padding:1rem;
background:#F0FAFA;
min-width:0;
text-align:center;
}
.etlrtp_n-o4r{
font-size:1.625rem;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#007A8A;
font-weight:700;
white-space:nowrap;
}
.etlrtp_l-o4r{
color:#4A7A85;
font-size:11px;
margin-top:4px;
}
.etlcmp-o4r{
border:1px solid rgba(13, 43, 48, 0.12);
border-radius:0.813rem;
overflow:hidden;
max-width:760px;
}
.etlcmp_row-o4r{
grid-template-columns:1.6fr 1fr 1fr;
font-size:13px;
display:grid;
}
.etlcmp_row-o4r>div{
padding:13px 0.875rem;
text-align:center;
min-width:0;
}
.etlcmp_row-o4r>div:first-child{
font-weight:600;
text-align:left;
padding-left:1.375rem;
color:#0D2B30;
}
.etlcmp_th-o4r{
background:#F0FAFA;
font-weight:700;
font-size:12.5px;
}
.etlcmp_row-o4r:not(.etlcmp_th-o4r){
background:#FFFFFF;
border-top:1px solid rgba(13, 43, 48, 0.08);
color:#2A5560;
}
.etlcmp_zebra-o4r{
background:#E8F5F7;
}
.etlguide-o4r{
border-radius:13px;
border:1px solid rgba(13, 43, 48, 0.12);
overflow:hidden;
background:#FFFFFF;
cursor:pointer;
}
.etlguide_cover-o4r{
height:130px;
}
.etlguide_body-o4r{
padding:1.25rem;
}
.etlguide_body-o4r h3{
margin:7px 0 0.563rem;
font-weight:700;
color:#0D2B30;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:16px;
line-height:1.25;
}
.etlguide_meta-o4r{
font-size:0.719rem;
color:#4A7A85;
}
.etlhub-o4r{
gap:1.75rem;
grid-template-columns:repeat(5,1fr);
display:grid;
padding-top:1.75rem;
border-top:1px solid rgba(13, 43, 48, 0.08);
}
.etlhub-o4r>*{
min-width:0;
}
.etlhub-o4r h4{
font-size:0.813rem;
color:#0D2B30;
margin-bottom:0.688rem;
font-weight:700;
}
.etlhub_col-o4r{
gap:8px;
font-size:13px;
color:#2A5560;
display:flex;
flex-direction:column;
}
.etlhub_col-o4r a{
cursor:pointer;
}
@media(max-width:1024px){
.etlseo_grid3-o4r{
grid-template-columns:1fr;
}
.etlseo_grid4-o4r{
grid-template-columns:repeat(2,1fr);
}
.etlseo_rtp_row-o4r{
gap:1.25rem;
grid-template-columns:1fr;
}
.etlhub-o4r{
grid-template-columns:repeat(2,1fr);
gap:1.375rem;
}
}
@media(max-width:560px){
.etlhub-o4r{
grid-template-columns:1fr;
}
}
.etltk-o4r{
background:#0D2B30;
overflow:hidden;
align-items:center;
display:flex;
border-bottom:1px solid rgba(13, 43, 48, 0.08);
}
.etltk_tag-o4r{
gap:8px;
background:#FFFFFF;
padding:11px 1.125rem;
flex:none;
text-transform:uppercase;
border-right:1px solid rgba(13, 43, 48, 0.08);
display:flex;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
align-items:center;
letter-spacing:.1em;
font-weight:600;
font-size:0.656rem;
color:#E03030;
}
.etltk_rail-o4r{
overflow:hidden;
flex:1;
}
.etltk_track-o4r{
animation:zm3-marquee 26s linear infinite;
padding:11px 14px;
gap:1.75rem;
white-space:nowrap;
display:flex;
font-size:12px;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#2A5560;
width:max-content;
}
.etltk_track-o4r b{
color:#007A8A;
}
.etlhero-o4r{
background:linear-gradient(120deg,#0A2228,#0C1E2E);
border:1px solid rgba(13, 43, 48, 0.12);
overflow:hidden;
border-radius:20px;
padding:46px 3rem;
color:#E8F8FA;
position:relative;
}
.etlhero_glow-o4r{
border-radius:50%;
background:radial-gradient(circle,rgba(0, 210, 220, 0.22),transparent 70%);
top:-60px;
height:340px;
right:-60px;
width:340px;
position:absolute;
}
.etlhero_in-o4r{
position:relative;
max-width:600px;
}
.etlhero-o4r .etleyebrow-o4r{
color:#00D8E8;
}
.etlpill_row-o4r{
padding:6px 0.813rem;
border:1px solid rgba(255, 255, 255, 0.13);
gap:0.5rem;
background:rgba(255, 255, 255, 0.08);
border-radius:999px;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
margin-bottom:1.375rem;
display:inline-flex;
letter-spacing:.1em;
align-items:center;
font-size:0.656rem;
color:#00D8E8;
text-transform:uppercase;
}
.etlhero_h1-o4r{
margin:18px 0;
font-size:54px;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
overflow-wrap:break-word;
line-height:1.02;
color:#E8F8FA;
font-weight:700;
letter-spacing:-.02em;
}
.etlhero_h1-o4r em{
color:#00D8E8;
font-style:normal;
}
.etlhero_sub-o4r{
margin-bottom:28px;
max-width:30rem;
line-height:1.55;
font-size:17px;
color:#7ECCD8;
}
.etlhero_cta-o4r{
gap:0.875rem;
margin-bottom:26px;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.etlhero_trust-o4r{
gap:0.875rem;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.etlhero_rating_txt-o4r{
color:#7ECCD8;
font-size:13px;
}
@media(max-width:1026px){
.etlhero-o4r{
padding:32px 24px;
}
.etlhero_h1-o4r{
font-size:2.375rem;
}
}
@media(max-width:558px){
.etlhero_h1-o4r{
font-size:30px;
}
}
.etltabs-o4r{
gap:0.563rem;
display:flex;
flex-wrap:wrap;
}
.etltab-o4r{
padding:0.625rem 18px;
border-radius:9px;
border:1px solid rgba(13, 43, 48, 0.12);
background:#FFFFFF;
color:#2A5560;
cursor:pointer;
font-size:0.813rem;
font-weight:600;
}
.etltab_on-o4r{
background:#00C8DA;
border-color:transparent;
color:#051518;
font-weight:700;
}
.etlstat-o4r{
grid-template-columns:repeat(4,1fr);
gap:0.875rem;
display:grid;
}
.etlstat-o4r>*{
min-width:0;
}
.etlstat_item-o4r{
border-radius:13px;
background:#FFFFFF;
border:1px solid rgba(13, 43, 48, 0.12);
padding:1.125rem 20px;
}
.etlstat_k-o4r{
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
letter-spacing:.12em;
font-size:9.5px;
color:#4A7A85;
margin-bottom:7px;
}
.etlstat_v-o4r{
gap:8px;
align-items:center;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
display:flex;
font-weight:700;
color:#0D2B30;
font-size:24px;
min-width:0;
overflow-wrap:anywhere;
}
.etlstat_v_accent-o4r{
color:#007A8A;
}
@media(max-width:1025px){
.etlstat-o4r{
grid-template-columns:repeat(2,1fr);
}
}
.etlwlc-o4r{
padding:36px 40px;
overflow:hidden;
background:linear-gradient(120deg,#0A2228,#0C1E2E);
border-radius:20px;
grid-template-columns:1.2fr .8fr;
border:1px solid rgba(13, 43, 48, 0.12);
gap:24px;
position:relative;
color:#E8F8FA;
display:grid;
align-items:center;
}
.etlwlc-o4r>*{
min-width:0;
}
.etlwlc-o4r .etleyebrow-o4r{
color:#00D8E8;
}
.etlwlc_glow-o4r{
background:radial-gradient(circle,rgba(0, 210, 220, 0.22),transparent 70%);
border-radius:50%;
height:260px;
position:absolute;
top:-40px;
right:-2.5rem;
width:16.25rem;
}
.etlwlc_in-o4r{
position:relative;
}
.etlwlc_h2-o4r{
margin:10px 0 8px;
overflow-wrap:break-word;
font-size:34px;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#E8F8FA;
font-weight:700;
line-height:1.03;
}
.etlwlc_h2-o4r em{
font-style:normal;
color:#00D8E8;
}
.etlwlc_sub-o4r{
color:#7ECCD8;
font-size:14px;
max-width:420px;
margin-bottom:1.125rem;
line-height:1.55;
}
.etlwlc_terms-o4r{
gap:10px;
flex-direction:column;
position:relative;
display:flex;
}
.etlterm-o4r{
padding:0.813rem 15px;
border-radius:0.813rem;
border:1px solid rgba(255, 255, 255, 0.13);
background:rgba(255, 255, 255, 0.08);
gap:11px;
display:flex;
align-items:center;
}
.etlterm-o4r svg{
flex:none;
color:#00D8E8;
width:20px;
height:20px;
}
.etlterm_k-o4r{
font-size:0.594rem;
text-transform:uppercase;
letter-spacing:.1em;
color:#7ECCD8;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.etlterm_v-o4r{
color:#E8F8FA;
margin-top:2px;
font-weight:700;
font-size:14px;
}
@media(max-width:1025px){
.etlwlc-o4r{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.etlwlc_h2-o4r{
font-size:1.625rem;
}
}
.etljp-o4r{
grid-template-columns:1.5fr 1fr 1fr;
gap:14px;
display:grid;
}
.etljp-o4r>*{
min-width:0;
}
.etljp_hero-o4r{
border:1px solid rgba(13, 43, 48, 0.12);
border-radius:20px;
background:linear-gradient(135deg,#0A2228,#0C1E2E);
padding:26px;
overflow:hidden;
gap:14px;
min-height:11.25rem;
position:relative;
justify-content:space-between;
color:#E8F8FA;
display:flex;
flex-direction:column;
}
.etljp_glow-o4r{
border-radius:50%;
background:radial-gradient(circle,rgba(0, 210, 220, 0.22),transparent 70%);
width:11.25rem;
top:-40px;
right:-40px;
height:11.25rem;
position:absolute;
}
.etljp_k_row-o4r{
gap:0.625rem;
justify-content:space-between;
display:flex;
align-items:center;
position:relative;
}
.etljp_k-o4r{
color:#4A7A85;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
letter-spacing:.12em;
font-size:10px;
text-transform:uppercase;
}
.etljp_hero-o4r .etljp_k-o4r{
color:#7ECCD8;
}
.etljp_amt-o4r{
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1;
position:relative;
color:#00D8E8;
font-weight:700;
font-size:2.625rem;
}
.etljp_sub-o4r{
font-size:0.75rem;
margin-top:5px;
color:#7ECCD8;
}
.etljp_cell-o4r{
border:1px solid rgba(13, 43, 48, 0.12);
padding:1.375rem;
background:#FFFFFF;
border-radius:20px;
justify-content:space-between;
min-height:11.25rem;
flex-direction:column;
display:flex;
}
.etljp_cell-o4r .etljp_amt-o4r{
color:#0D2B30;
font-size:1.875rem;
}
.etljp_cell-o4r .etljp_sub-o4r{
color:#4A7A85;
}
@media(max-width:1024px){
.etljp-o4r{
grid-template-columns:1fr;
}
}
@media(max-width:560px){
.etljp_amt-o4r{
font-size:2rem;
}
}
.etlapp-o4r{
gap:36px;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
display:flex;
}
.etlapp_copy-o4r{
max-width:520px;
}
.etlapp_h2-o4r{
margin:12px 0 10px;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.05;
color:#0D2B30;
font-size:1.75rem;
font-weight:700;
}
.etlapp_text-o4r{
margin-bottom:1.25rem;
line-height:1.6;
font-size:0.875rem;
color:#2A5560;
}
.etlapp_btns-o4r{
gap:12px;
flex-wrap:wrap;
display:flex;
}
.etlstore-o4r{
padding:11px 18px;
border:1px solid rgba(13, 43, 48, 0.12);
gap:9px;
border-radius:13px;
background:#F0FAFA;
display:inline-flex;
color:#0D2B30;
font-size:0.813rem;
cursor:pointer;
align-items:center;
font-weight:700;
}
.etlstore-o4r svg{
width:1rem;
height:1rem;
}
.etlapp_qr_wrap-o4r{
gap:16px;
display:flex;
align-items:center;
}
.etlqr-o4r{
grid-template-columns:repeat(5,1fr);
border-radius:0.813rem;
border:1px solid rgba(13, 43, 48, 0.12);
grid-template-rows:repeat(5,1fr);
padding:0.688rem;
gap:3px;
background:#F0FAFA;
width:6.75rem;
height:6.75rem;
display:grid;
}
.etlqr-o4r i{
background:transparent;
}
.etlqr_f-o4r{
background:#007A8A;
}
.etlapp_qr_cap-o4r{
font-size:0.75rem;
line-height:1.4;
max-width:5.25rem;
color:#4A7A85;
}
.etlsteps-o4r{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.etlsteps-o4r>*{
min-width:0;
}
.etlstep-o4r{
background:#FFFFFF;
padding:1.5rem;
border:1px solid rgba(13, 43, 48, 0.12);
border-radius:13px;
position:relative;
}
.etlstep_num-o4r{
background:#00C8DA;
border-radius:0.563rem;
color:#051518;
width:1.875rem;
height:1.875rem;
font-weight:700;
display:flex;
align-items:center;
margin-bottom:0.875rem;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:13px;
justify-content:center;
}
.etlstep_h-o4r{
font-weight:700;
color:#0D2B30;
font-size:16px;
margin-bottom:7px;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.etlstep_p-o4r{
line-height:1.55;
color:#2A5560;
font-size:13px;
}
@media(max-width:1027px){
.etlsteps-o4r{
grid-template-columns:1fr;
}
}
.etltour-o4r{
border-radius:20px;
border:1px solid rgba(13, 43, 48, 0.12);
overflow:hidden;
grid-template-columns:1.05fr 1fr;
display:grid;
}
.etltour-o4r>*{
min-width:0;
}
.etltour_l-o4r{
padding:34px;
background:linear-gradient(135deg,#0A2228,#0C1E2E);
overflow:hidden;
position:relative;
color:#E8F8FA;
}
.etltour_h2-o4r{
margin:12px 0 0.625rem;
font-weight:700;
font-size:30px;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#E8F8FA;
line-height:1.05;
}
.etltour_h2-o4r em{
color:#00D8E8;
font-style:normal;
}
.etltour_text-o4r{
line-height:1.6;
margin-bottom:1.25rem;
font-size:13.5px;
color:#7ECCD8;
max-width:340px;
}
.etltour_meta-o4r{
gap:1.125rem;
margin-bottom:1.25rem;
flex-wrap:wrap;
align-items:flex-end;
display:flex;
}
.etltour_cap-o4r{
text-transform:uppercase;
color:#7ECCD8;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
margin-bottom:0.313rem;
font-size:9.5px;
}
.etlcount-o4r{
gap:6px;
display:flex;
}
.etlcount-o4r span{
padding:4px 9px;
border:1px solid rgba(255, 255, 255, 0.13);
background:rgba(255, 255, 255, 0.08);
border-radius:0.563rem;
font-weight:700;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:22px;
}
.etltour_units-o4r{
font-size:10px;
color:#7ECCD8;
}
.etlboard-o4r{
padding:1.75rem 1.875rem;
background:#FFFFFF;
}
.etlboard_head-o4r{
align-items:center;
display:flex;
justify-content:space-between;
margin-bottom:14px;
}
.etlboard_title-o4r{
font-weight:700;
color:#0D2B30;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1rem;
}
.etlboard_upd-o4r{
color:#4A7A85;
font-size:10px;
text-transform:uppercase;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.etlboard_list-o4r{
gap:2px;
display:flex;
flex-direction:column;
}
.etlboard_row-o4r{
padding:10px 0.75rem;
border-radius:9px;
gap:12px;
display:flex;
align-items:center;
}
.etlboard_top1-o4r{
background:rgba(0, 122, 138, 0.11);
}
.etlboard_rk-o4r{
font-size:0.875rem;
font-weight:700;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#4A7A85;
width:1.25rem;
}
.etlboard_top1-o4r .etlboard_rk-o4r{
color:#007A8A;
}
.etlboard_nm-o4r{
flex:1;
font-size:13.5px;
min-width:0;
font-weight:600;
color:#2A5560;
}
.etlboard_top1-o4r .etlboard_nm-o4r{
font-weight:700;
color:#0D2B30;
}
.etlboard_pt-o4r{
color:#2A5560;
font-size:12.5px;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
@media(max-width:1021px){
.etltour-o4r{
grid-template-columns:1fr;
}
}
@media(max-width:563px){
.etltour_h2-o4r{
font-size:24px;
}
}
.etlvip_head-o4r{
gap:0.75rem;
flex-wrap:wrap;
display:flex;
margin-bottom:1.125rem;
justify-content:space-between;
align-items:flex-end;
}
.etlvip_intro-o4r{
color:#2A5560;
max-width:420px;
font-size:0.813rem;
}
.etlvip-o4r{
grid-template-columns:repeat(5,1fr);
gap:0.75rem;
display:grid;
}
.etlvip-o4r>*{
min-width:0;
}
.etltier-o4r{
padding:1.25rem;
background:#FFFFFF;
border:1px solid rgba(13, 43, 48, 0.12);
border-radius:0.813rem;
}
.etltier_on-o4r{
background:rgba(0, 122, 138, 0.11);
border-color:#007A8A;
}
.etltier_medal-o4r{
background:linear-gradient(135deg,#00C8DA,#005566);
border-radius:9px;
height:30px;
margin-bottom:0.875rem;
width:1.875rem;
}
.etltier_name-o4r{
font-weight:700;
color:#0D2B30;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:0.938rem;
margin-bottom:5px;
}
.etltier_tx-o4r{
color:#4A7A85;
line-height:1.5;
font-size:11.5px;
}
@media(max-width:1024px){
.etlvip-o4r{
grid-template-columns:repeat(2,1fr);
}
}
.etlpromo_grid-o4r{
grid-template-columns:repeat(3,1fr);
gap:16px;
display:grid;
}
.etlpromo_grid-o4r>*{
min-width:0;
}
.etlpromo-o4r{
padding:24px;
border:1px solid rgba(13, 43, 48, 0.12);
overflow:hidden;
border-radius:1.25rem;
background:#FFFFFF;
position:relative;
min-height:150px;
}
.etlpromo_h-o4r{
margin-top:0.375rem;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
font-size:1.625rem;
color:#0D2B30;
line-height:1.05;
}
.etlpromo_h-o4r em{
font-style:normal;
color:#007A8A;
}
.etlpromo_p-o4r{
margin-top:8px;
color:#2A5560;
font-size:12.5px;
line-height:1.5;
}
.etlpromo_feat-o4r{
border-color:rgba(13, 43, 48, 0.12);
background:linear-gradient(135deg,#0A2228,#0C1E2E);
}
.etlpromo_feat-o4r .etlpromo_h-o4r{
color:#E8F8FA;
}
.etlpromo_feat-o4r .etlpromo_h-o4r em{
color:#00D8E8;
}
.etlpromo_feat-o4r .etlpromo_p-o4r{
color:#7ECCD8;
}
.etlpromo_feat-o4r .etleyebrow-o4r{
color:#00D8E8;
}
@media(max-width:1025px){
.etlpromo_grid-o4r{
grid-template-columns:1fr;
}
}
.etlsupp-o4r{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.etlsupp-o4r>*{
min-width:0;
}
.etlsupp_card-o4r{
padding:24px;
border:1px solid rgba(13, 43, 48, 0.12);
border-radius:0.813rem;
background:#FFFFFF;
}
.etlsupp_card-o4r svg{
width:24px;
margin-bottom:0.875rem;
height:1.5rem;
color:#007A8A;
}
.etlsupp_card-o4r h3{
font-weight:700;
color:#0D2B30;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:6px;
font-size:16px;
}
.etlsupp_card-o4r p{
color:#2A5560;
font-size:13px;
line-height:1.55;
}
@media(max-width:1021px){
.etlsupp-o4r{
grid-template-columns:1fr;
}
}
.etlpay_logos-o4r{
gap:9px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.etlpay_logos-o4r>*{
min-width:0;
}
.etlpay-o4r{
border-radius:0.563rem;
border:1px solid rgba(13, 43, 48, 0.12);
display:flex;
font-size:0.75rem;
font-weight:700;
color:#2A5560;
align-items:center;
height:48px;
justify-content:center;
}
.etltable-o4r{
overflow:hidden;
border:1px solid rgba(13, 43, 48, 0.12);
border-radius:0.813rem;
}
.etltrow-o4r{
grid-template-columns:1.3fr 1fr 1fr 1fr;
font-size:13px;
display:grid;
}
.etltrow-o4r>div{
padding:13px 0.875rem;
min-width:0;
}
.etltrow-o4r>div:first-child{
padding-left:16px;
font-weight:700;
color:#0D2B30;
}
.etltrow_th-o4r{
background:#F0FAFA;
text-transform:uppercase;
font-size:0.594rem;
color:#4A7A85;
letter-spacing:.06em;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.etltrow-o4r:not(.etltrow_th-o4r){
background:#FFFFFF;
border-top:1px solid rgba(13, 43, 48, 0.08);
color:#2A5560;
}
.etltrow_zebra-o4r{
background:#E8F5F7;
}
.etlpos-o4r{
color:#007A8A;
font-weight:700;
}
@media(max-width:1025px){
.etlpay_logos-o4r{
grid-template-columns:repeat(2,1fr);
}
}
.etlgm-o4r{
grid-template-columns:1.3fr 1fr;
gap:1rem;
display:grid;
}
.etlgm-o4r>*{
min-width:0;
}
.etlgm_panel-o4r{
border-radius:1.25rem;
padding:28px;
border:1px solid rgba(13, 43, 48, 0.12);
background:#FFFFFF;
}
.etlgm_h2-o4r{
margin:10px 0 8px;
color:#0D2B30;
font-weight:700;
font-size:24px;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.etlgm_text-o4r{
max-width:27.5rem;
font-size:13.5px;
line-height:1.6;
color:#2A5560;
margin-bottom:1.25rem;
}
.etlgm_level-o4r{
gap:0.875rem;
display:flex;
align-items:center;
margin-bottom:16px;
}
.etlgm_lv-o4r{
font-weight:700;
font-size:24px;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#007A8A;
}
.etlgm_bar_wrap-o4r{
flex:1;
min-width:0;
}
.etlgm_bar_meta-o4r{
margin-bottom:5px;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:0.625rem;
display:flex;
color:#4A7A85;
justify-content:space-between;
}
.etlbar-o4r{
overflow:hidden;
background:#F0FAFA;
border-radius:62.438rem;
height:0.5rem;
}
.etlbar_fill-o4r{
background:linear-gradient(90deg,#00C8DA,#005566);
border-radius:999px;
display:block;
height:100%;
}
.etlgm_missions-o4r{
gap:9px;
display:flex;
flex-wrap:wrap;
}
.etlgm_refer-o4r{
background:linear-gradient(150deg,#0A2228,#0C1E2E);
padding:1.75rem;
overflow:hidden;
border:1px solid rgba(13, 43, 48, 0.12);
border-radius:1.25rem;
justify-content:space-between;
color:#E8F8FA;
position:relative;
display:flex;
flex-direction:column;
}
.etlgm_refer-o4r .etleyebrow-o4r{
color:#00D8E8;
}
.etlgm_ref_h2-o4r{
margin:10px 0 8px;
font-weight:700;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#E8F8FA;
font-size:24px;
line-height:1.1;
}
.etlgm_ref_h2-o4r em{
color:#00D8E8;
font-style:normal;
}
.etlgm_ref_text-o4r{
font-size:13px;
color:#7ECCD8;
margin-bottom:18px;
line-height:1.55;
}
@media(max-width:1024px){
.etlgm-o4r{
grid-template-columns:1fr;
}
}
.etldw_h2-o4r{
color:#0D2B30;
line-height:1.08;
font-size:1.625rem;
margin-bottom:0.625rem;
font-weight:700;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.etlsteps_v-o4r{
grid-template-columns:1fr;
gap:0.625rem;
}
.etlsteps_v-o4r .etlstep-o4r{
padding:18px 20px;
}
@media(max-width:557px){
.etldw_h2-o4r{
font-size:1.438rem;
}
}
.etlrc-o4r{
grid-template-columns:1fr 1fr 1fr;
gap:32px;
display:grid;
}
.etlrc-o4r>*{
min-width:0;
}
.etlrc_awards-o4r{
gap:0.688rem;
display:flex;
flex-direction:column;
}
.etlaward-o4r{
gap:11px;
align-items:center;
display:flex;
}
.etlaward-o4r svg{
flex:none;
height:1.125rem;
color:#F0B429;
width:1.125rem;
}
.etlaward_t-o4r{
font-size:13.5px;
color:#0D2B30;
font-weight:700;
}
.etlaward_s-o4r{
font-size:0.719rem;
color:#4A7A85;
}
.etlrc_press-o4r{
gap:10px;
grid-template-columns:1fr 1fr;
display:grid;
}
.etllogo_cell-o4r{
border-radius:9px;
border:1px solid rgba(13, 43, 48, 0.12);
color:#2A5560;
align-items:center;
display:flex;
font-size:0.813rem;
font-weight:700;
height:3rem;
justify-content:center;
}
.etlrc_partner-o4r{
padding:20px;
border-radius:13px;
background:#FFFFFF;
border:1px solid rgba(13, 43, 48, 0.12);
}
.etlrc_partner_name-o4r{
font-weight:700;
margin-bottom:6px;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1.125rem;
color:#0D2B30;
}
.etlrc_partner_text-o4r{
font-size:0.781rem;
color:#2A5560;
line-height:1.55;
}
@media(max-width:1025px){
.etlrc-o4r{
gap:22px;
grid-template-columns:1fr;
}
.etlrc_press-o4r{
grid-template-columns:repeat(4,1fr);
}
}
.etlop_h2-o4r{
margin:10px 0 0.5rem;
color:#0D2B30;
line-height:1.1;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
font-size:24px;
}
.etlop_text-o4r{
color:#2A5560;
font-size:0.844rem;
line-height:1.6;
}
@media(max-width:561px){
.etlop_h2-o4r{
font-size:22px;
}
}
.etlprovs-o4r{
grid-template-columns:repeat(6,1fr);
gap:0.75rem;
margin-bottom:28px;
display:grid;
}
.etlprovs-o4r>*{
min-width:0;
}
.etlprov-o4r{
background:#FFFFFF;
border:1px solid rgba(13, 43, 48, 0.12);
padding:0.75rem;
border-radius:13px;
display:flex;
text-decoration:none;
justify-content:center;
align-items:center;
height:4rem;
}
.etlprov_img-o4r{
object-fit:contain;
max-height:32px;
max-width:100%;
}
.etlresp-o4r{
border-radius:0.813rem;
background:#FFFFFF;
padding:26px;
gap:1.5rem;
border:1px solid rgba(13, 43, 48, 0.12);
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
}
.etlresp_in-o4r{
max-width:35rem;
}
.etlresp_h-o4r{
font-weight:700;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:19px;
color:#0D2B30;
margin-bottom:8px;
}
.etlresp_p-o4r{
color:#2A5560;
line-height:1.6;
font-size:13.5px;
}
.etlresp_badges-o4r{
gap:0.875rem;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.etlage18-o4r{
border:1.5px solid #E03030;
padding:4px 8px;
border-radius:9px;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:13px;
color:#E03030;
font-weight:700;
}
.etlresp_org-o4r{
font-weight:600;
color:#4A7A85;
font-size:0.813rem;
}
@media(max-width:1021px){
.etlprovs-o4r{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:561px){
.etlprovs-o4r{
grid-template-columns:repeat(2,1fr);
}
}
.etlab_h2-o4r{
margin:0.875rem 0 1rem;
font-weight:700;
color:#0D2B30;
line-height:1.08;
font-size:32px;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.etlab_body-o4r{
line-height:1.65;
color:#2A5560;
font-size:0.938rem;
margin-bottom:14px;
}
.etlab_chips-o4r{
gap:10px;
display:flex;
margin-top:8px;
flex-wrap:wrap;
}
.etlfaq-o4r{
gap:0.625rem;
display:flex;
flex-direction:column;
}
.etlfaq_item-o4r{
background:#FFFFFF;
border-radius:13px;
border:1px solid rgba(13, 43, 48, 0.12);
padding:1.125rem 1.375rem;
}
.etlfaq_q-o4r{
gap:16px;
list-style:none;
align-items:center;
font-size:15.5px;
display:flex;
justify-content:space-between;
cursor:pointer;
color:#0D2B30;
font-weight:600;
}
.etlfaq_q-o4r::-webkit-details-marker{
display:none;
}
.etlfaq_q_t-o4r{
gap:10px;
display:flex;
}
.etlfaq_q_i-o4r{
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-style:normal;
color:#007A8A;
}
.etlfaq_pm-o4r{
color:#007A8A;
font-size:1.25rem;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.etlfaq_item-o4r[open] .etlfaq_pm-o4r{
transform:rotate(45deg);
}
.etlfaq_a-o4r{
font-size:0.844rem;
color:#2A5560;
line-height:1.6;
margin-top:0.75rem;
}
@media(max-width:559px){
.etlab_h2-o4r{
font-size:1.625rem;
}
}
.etlrv_head-o4r{
gap:0.75rem;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
margin-bottom:18px;
justify-content:space-between;
}
.etlrv_agg-o4r{
gap:10px;
align-items:center;
display:flex;
}
.etlrv_source-o4r{
font-size:0.781rem;
color:#4A7A85;
}
.etlrv_grid-o4r{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.etlrv_grid-o4r>*{
min-width:0;
}
.etlreview-o4r{
padding:1.5rem;
border-radius:13px;
background:#FFFFFF;
border:1px solid rgba(13, 43, 48, 0.12);
}
.etlreview-o4r .etlstars-o4r{
margin-bottom:10px;
}
.etlreview-o4r p{
line-height:1.5;
color:#0D2B30;
font-size:14.5px;
font-weight:600;
margin-bottom:14px;
}
.etlreview_by-o4r{
font-size:0.781rem;
color:#4A7A85;
}
@media(max-width:1027px){
.etlrv_grid-o4r{
grid-template-columns:1fr;
}
}
.etldispute-o4r{
border:1px dashed rgba(13, 43, 48, 0.22);
padding:26px 1.875rem;
border-radius:0.813rem;
gap:28px;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.etldispute_in-o4r{
max-width:660px;
}
.etldispute_h2-o4r{
color:#0D2B30;
font-weight:700;
margin-bottom:8px;
font-size:22px;
font-family:"Space Grotesk", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.etldispute_text-o4r{
font-size:13.5px;
color:#2A5560;
line-height:1.6;
}
.etlfooter-o4r{
background:#0D2B30;
padding:40px 1.75rem;
border-top:1px solid rgba(13, 43, 48, 0.08);
}
.etlfooter_grid-o4r{
gap:32px;
grid-template-columns:1.4fr 1fr 1fr 1fr;
margin-bottom:28px;
max-width:87.5rem;
display:grid;
margin-right:auto;
margin-left:auto;
}
.etlfooter_grid-o4r>*{
min-width:0;
}
.etlfooter_grid-o4r h4{
font-size:0.625rem;
letter-spacing:.12em;
margin-bottom:13px;
color:#7AAAB5;
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
}
.etlfcol-o4r{
gap:0.563rem;
flex-direction:column;
color:#2A5560;
font-size:0.813rem;
display:flex;
}
.etlfcol-o4r a{
cursor:pointer;
}
.etlft_about-o4r{
margin-top:0.75rem;
font-size:0.813rem;
line-height:1.6;
max-width:260px;
color:#4A7A85;
}
.etlft_contact-o4r{
font-family:"Fira Code", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#007A8A;
margin-top:12px;
font-size:0.781rem;
overflow-wrap:anywhere;
}
.etlfooter_bottom-o4r{
margin:0 auto;
gap:16px;
padding-top:1.25rem;
align-items:center;
border-top:1px solid rgba(13, 43, 48, 0.08);
max-width:87.5rem;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
}
.etlfooter_bottom-o4r p{
color:#7AAAB5;
max-width:720px;
font-size:11px;
line-height:1.6;
}
@media(max-width:1025px){
.etlfooter_grid-o4r{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:561px){
.etlfooter_grid-o4r{
grid-template-columns:1fr;
}
}