/* ---------- Service Cards ---------- */
.alx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.alx-cards__empty{color:var(--al-muted,#9AA6B5)}
.alx-card{display:flex;flex-direction:column;background:var(--al-surface,#12171F);border:1px solid var(--al-line,#222B36);border-radius:var(--al-radius,16px);overflow:hidden;transition:.25s;color:inherit}
.alx-card:hover{transform:translateY(-4px);border-color:var(--al-accent,#2F7BFF);color:inherit}
.alx-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--al-surface-2,#182029)}
.alx-card__media img{width:100%;height:100%;object-fit:cover;transition:.4s}
.alx-card:hover .alx-card__media img{transform:scale(1.06)}
.alx-card__ph{position:absolute;inset:0;background:linear-gradient(135deg,#182029,#0f141b)}
.alx-card__badge{position:absolute;top:12px;left:12px;background:var(--al-accent-grad,linear-gradient(120deg,#2F7BFF,#16C8E0));color:#031018;font-family:var(--al-display,'Sora',sans-serif);font-weight:600;font-size:.72rem;padding:4px 10px;border-radius:100px}
.alx-card__body{padding:20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.alx-card__title{font-family:var(--al-display,'Sora',sans-serif);font-size:1.2rem;margin:0;color:var(--al-ink,#F2F5F8)}
.alx-card__desc{color:var(--al-muted,#9AA6B5);font-size:.92rem;margin:0}
.alx-card__arrow{margin-top:auto;padding-top:10px;color:var(--al-accent-2,#16C8E0);font-size:1.3rem;transition:.2s}
.alx-card:hover .alx-card__arrow{transform:translateX(4px)}

/* ---------- Feature Cards ---------- */
.alx-features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.alx-feature{padding:28px;border:1px solid var(--al-line,#222B36);border-radius:var(--al-radius,16px);background:var(--al-surface,#12171F)}
.alx-feature__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(47,123,255,.12);color:var(--al-accent-2,#16C8E0);font-size:24px;margin-bottom:16px}
.alx-feature__icon svg{width:26px;height:26px;fill:currentColor}
.alx-feature__dot{width:14px;height:14px;border-radius:50%;background:var(--al-accent-grad,linear-gradient(120deg,#2F7BFF,#16C8E0))}
.alx-feature__title{font-size:1.15rem;margin:0 0 8px;color:var(--al-ink,#F2F5F8)}
.alx-feature__text{color:var(--al-muted,#9AA6B5);font-size:.92rem;margin:0}

/* ---------- FAQ ---------- */
.alx-faq{max-width:820px;margin-inline:auto;display:flex;flex-direction:column;gap:12px}
.alx-faq__item{border:1px solid var(--al-line,#222B36);border-radius:14px;background:var(--al-surface,#12171F);overflow:hidden}
.alx-faq__item.is-open{border-color:var(--al-accent,#2F7BFF)}
.alx-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;background:none;border:0;cursor:pointer;text-align:left;font-family:var(--al-display,'Sora',sans-serif);font-weight:600;font-size:1.03rem;color:var(--al-ink,#F2F5F8)}
.alx-faq__sign{position:relative;width:16px;height:16px;flex-shrink:0}
.alx-faq__sign::before,.alx-faq__sign::after{content:"";position:absolute;background:var(--al-accent-2,#16C8E0);transition:.25s}
.alx-faq__sign::before{top:7px;left:0;width:16px;height:2px}
.alx-faq__sign::after{left:7px;top:0;width:2px;height:16px}
.alx-faq__item.is-open .alx-faq__sign::after{transform:rotate(90deg);opacity:0}
.alx-faq__a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.alx-faq__a-inner{padding:0 22px 20px;color:var(--al-muted,#9AA6B5)}
