/* ── FEATURES GRID ────────────────────────────────── */

.features-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 18px;

    margin-top: 50px;

}

/* ── CARD ─────────────────────────────────────────── */

.feature-card {

    background: var(--bg2);

    border:
        1px solid var(--border);

    border-radius: 18px;

    padding: 28px 26px;

    transition: all 0.25s;

    position: relative;

    overflow: hidden;

}

.feature-card::before {

    content: '';

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--accent),
            transparent
        );

    opacity: 0;

    transition: opacity 0.25s;

}

.feature-card:hover {

    border-color:
        rgba(249,115,22,0.3);

    transform: translateY(-3px);

}

.feature-card:hover::before {

    opacity: 1;

}

/* ── ICON ─────────────────────────────────────────── */

.feature-icon {

    width: 50px;
    height: 50px;

    background: var(--glow);

    border:
        1px solid rgba(249,115,22,0.2);

    border-radius: 14px;

    display: flex;

    align-items: center;
    justify-content: center;

    font-size: 22px;

    margin-bottom: 18px;

}

/* ── TITLE ────────────────────────────────────────── */

.feature-title {

    font-family: 'Syne', sans-serif;

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 8px;

}

/* ── DESC ─────────────────────────────────────────── */

.feature-desc {

    font-size: 14px;

    color: var(--muted2);

    line-height: 1.65;

}