.elementor-10476 .elementor-element.elementor-element-d2b131a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-9b80435 */.blog-article{
--ek-c1:#00A4A8;
--ek-c2:#057B80;
--ek-c3:#0A6065;
--ek-w:#fff;
--ek-text:#1a3a3c;
--ek-text-light:#4a6a6c;
--ek-gray-50:#f8fafa;
--ek-gray-200:#e0eaea;
--ek-radius:12px;
--ek-radius-lg:16px;
--ek-radius-xl:24px;
--ek-shadow:0 4px 20px rgba(10,96,101,.08);
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
line-height:1.7;
}

/* HERO */

.ek-api-hero{
background:linear-gradient(135deg,var(--ek-c1),var(--ek-c3));
border-radius:var(--ek-radius-xl);
padding:3rem;
color:white;
margin-bottom:2rem;
}

.ek-api-hero h2{
font-size:2rem;
margin-bottom:1rem;
}

/* VALUE GRID */

.ek-value-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:1rem;
margin:2rem 0;
}

.ek-value-card{
background:white;
padding:1.5rem;
border-radius:var(--ek-radius-lg);
border:1px solid var(--ek-gray-200);
box-shadow:var(--ek-shadow);
text-align:center;
}

/* SECTION */

.ek-section-block{
margin:3rem 0;
}

.ek-section-header{
display:flex;
gap:1rem;
margin-bottom:1.5rem;
}

.ek-section-icon-lg{
width:60px;
height:60px;
background:linear-gradient(135deg,var(--ek-c1),var(--ek-c2));
border-radius:var(--ek-radius-lg);
display:flex;
align-items:center;
justify-content:center;
color:white;
font-size:1.5rem;
}

/* CARDS */

.ek-capability-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:1rem;
}

.ek-capability-card{
background:white;
border-radius:var(--ek-radius-lg);
padding:1.5rem;
border:1px solid var(--ek-gray-200);
box-shadow:var(--ek-shadow);
}

.ek-capability-card-header{
display:flex;
gap:0.6rem;
margin-bottom:0.6rem;
}

.ek-capability-card-icon{
width:34px;
height:34px;
background:rgba(0,164,168,.15);
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
}

/* SCHEMA */

.api-diagram{
text-align:center;
margin:3rem auto;
max-width:900px;
}

.api-line{
width:3px;
height:30px;
background:#333;
margin:0 auto;
}

.api-branches{
display:flex;
justify-content:space-between;
margin-top:30px;
position:relative;
}

.api-branches:before{
content:"";
position:absolute;
top:-15px;
left:10%;
right:10%;
height:3px;
background:#333;
}

.api-branch{
width:30%;
text-align:center;
}

/* HIGHLIGHT */

.ek-highlight-block{
background:var(--ek-gray-50);
border-left:4px solid var(--ek-c1);
padding:1.5rem;
border-radius:var(--ek-radius-lg);
margin:2rem 0;
}

/* CONCLUSION */

.ek-tradeoff-box{
background:rgba(245,158,11,.08);
border:1px solid rgba(245,158,11,.25);
padding:2rem;
border-radius:var(--ek-radius-lg);
margin:2rem 0;
}/* End custom CSS */