/* Auto-generated from the original style.css during code reorganization.
   Grouped by component so each concern can be found and debugged independently. */

/* ==========================================================
WHY CHOOSE CARE
========================================================== */

.why-care{

padding:170px 0;

background:#ffffff;

position:relative;

overflow:hidden;

}

.section-heading h2{

font-size:64px;

font-weight:800;

line-height:1.1;

letter-spacing:-2px;

max-width:900px;

margin:auto;

margin-bottom:30px;

color:var(--dark);

}

.section-tag{

display:inline-block;

padding:12px 22px;

border-radius:40px;

background:#EAFBFA;

color:#0B7285;

font-weight:700;

margin-bottom:20px;

}


.section-heading p{

font-size:21px;

line-height:1.9;

max-width:760px;

margin:auto;

color:var(--text);

}

.features-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:28px;

margin-top:70px;

}

.feature-card{

background:white;

padding:50px 40px;

border-radius:24px;

box-shadow:var(--shadow);

transition:var(--transition);

border:1px solid rgba(11,114,133,.08);

height:100%;

display:flex;

flex-direction:column;

position:relative;
} 
.feature-card::before{

content:"";

position:absolute;

top:0;

left:40px;

width:80px;

height:5px;

border-radius:10px;

background:linear-gradient(

90deg,

var(--secondary),

var(--primary)

);

}

.feature-card:hover{

transform:translateY(-12px) scale(1.02);

box-shadow:0 35px 70px rgba(0,0,0,.12);

border-color:rgba(0,194,181,.25);

}

.feature-icon{

width:78px;

height:78px;

display:flex;

align-items:center;

justify-content:center;

border-radius:20px;

background:linear-gradient(

135deg,

var(--primary),

var(--secondary)

);

font-size:32px;

color:white;

margin-bottom:32px;

}
.feature-number{

font-size:14px;

font-weight:700;

letter-spacing:2px;

color:var(--secondary);

margin-bottom:18px;

text-transform:uppercase;

}

.feature-card h3{

font-size:30px;

font-weight:700;

margin-bottom:18px;

color:var(--dark);

}
.feature-card p{

font-size:18px;

line-height:1.9;

color:var(--text);

}
