/* ===== Common cards ===== */
.authority-strip{padding-top:1rem;padding-bottom:1rem}
.authority-grid{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem
}
.authority-grid > div,
.feature-card,
.portfolio-card,
.perk,
.metric-card,
.stack-card,
.service-detail,
.stats-panel article,
.contact-panel,
.form-panel,
.page-hero-inner,
.timeline-item,
.alert,
.faq-card{
    background:rgba(255,255,255,.04);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:24px;
    padding:1.4rem
}
.authority-grid strong{display:block;margin-top:.35rem}
.cards-grid{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem
}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.portfolio-top{
    display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;
    margin-bottom:1.2rem
}
.portfolio-top span{
    display:inline-flex;padding:.55rem .8rem;border-radius:999px;background:rgba(255,255,255,.06);color:var(--primary)
}
.portfolio-top img{width:7rem;height:auto;opacity:.95}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.metric-card{min-height:11rem}
.metric-card strong,.perk strong{display:block;color:var(--text)}
.perks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.perk{min-height:10rem}