/* ==========================================================================
   TopAir Electrical — Why TopAir Page Styles
   ========================================================================== */

/* ----- Intro --------------------------------------------------------- */
.intro-metric {
    background: var(--ta-grey-50);
    border: 1px solid var(--ta-grey-100);
    border-radius: var(--ta-radius);
    padding: 20px; text-align: center;
}
.intro-metric span {
    display: block; font-family: var(--ta-font-head); font-weight: 700;
    font-size: 2rem; color: var(--ta-blue); line-height: 1;
}
.intro-metric small { color: var(--ta-muted); font-weight: 500; }

.why-hero-media { position: relative; }
.why-hero-media img {
    width: 100%; border-radius: var(--ta-radius-lg);
    box-shadow: var(--ta-shadow-lg); object-fit: cover; aspect-ratio: 4/3;
}
.why-hero-tag {
    position: absolute; left: 20px; bottom: 20px;
    background: #fff; color: var(--ta-navy);
    font-family: var(--ta-font-head); font-weight: 600;
    padding: 12px 20px; border-radius: var(--ta-radius-pill);
    box-shadow: var(--ta-shadow);
}
.why-hero-tag i { color: var(--ta-blue); margin-right: 6px; }

/* ----- Reason cards -------------------------------------------------- */
.reason-card {
    background: #fff;
    border: 1px solid var(--ta-grey-100);
    border-radius: var(--ta-radius);
    padding: 34px 28px;
    height: 100%;
    box-shadow: var(--ta-shadow-sm);
    position: relative; overflow: hidden;
    transition: transform var(--ta-transition), box-shadow var(--ta-transition);
}
.reason-card:hover { transform: translateY(-8px); box-shadow: var(--ta-shadow-lg); }
.reason-num {
    position: absolute; top: 18px; right: 22px;
    font-family: var(--ta-font-head); font-weight: 700;
    font-size: 2.6rem; color: var(--ta-grey-100); line-height: 1;
    transition: color var(--ta-transition);
}
.reason-card:hover .reason-num { color: var(--ta-grey-200); }
.reason-card h3 { font-size: 1.22rem; margin-bottom: 8px; }
.reason-card p { color: var(--ta-muted); margin: 0; }

/* ----- Apart list ---------------------------------------------------- */
.apart-list { font-size: 1.08rem; }
.apart-list li { margin-bottom: 18px; }


/* ----- Trust band ---------------------------------------------------- */
.trust-band { background: var(--ta-gradient-navy); }
.trust-band .stat-num { color: #fff; }
.trust-band .stat-label { color: rgba(255, 255, 255, 0.75); }
.trust-ic { font-size: 1.9rem; color: var(--ta-sky); margin-bottom: 10px; display: block; }