/* ============================================================
   Anunțuri Oficiale — Home page (marketing sections)
   Loaded by home.blade.php on PAGE 1 only (all classes here live
   inside @if(! $isPaged)). Layered after app.css; base wins ties by
   source order only where selectors overlap (none do — page-disjoint).
   Depends on tokens/utilities defined in app.css.
   ============================================================ */

/* ---------- Trust strip ---------- */
.trust-strip { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--surface-2); border-bottom: 1px solid var(--line); }
.trust-item { display: flex; align-items: center; gap: 12px; padding: 20px 26px; border-right: 1px solid var(--line); }
.trust-item:last-child { border-right: none; }
.trust-item__title { font-size: 13px; font-weight: 600; line-height: 1.35; color: var(--ink); }
.trust-item__title small { display: block; font-weight: 400; color: var(--muted); font-size: 12px; }

/* ---------- How it works ---------- */
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.step { border-top: 2px solid var(--border); padding-top: 18px; }
.step--active { border-top-color: var(--navy); }
.step__num { font-family: var(--font-mono); font-size: 13px; font-weight: 600; color: var(--muted); margin-bottom: 10px; }
.step__title { font-size: 17px; font-weight: 700; color: var(--ink); margin-bottom: 8px; }
.step p { font-size: 13.5px; line-height: 1.6; color: var(--text); margin: 0; }

/* ---------- Act-type cards ---------- */
.act-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.act-card { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--border); border-radius: var(--r-md); padding: 16px 18px; cursor: pointer; transition: border-color .15s; }
.act-card:hover { border-color: var(--navy); }
.act-card__title { font-size: 14.5px; font-weight: 600; color: var(--ink); }
.act-card__sub { font-size: 12px; color: var(--muted); }
.act-card .chev { color: #C2C9D6; }

/* ---------- Pricing block ---------- */
.pricing { display: grid; grid-template-columns: 1fr auto; gap: 36px; align-items: center; }
.price-card { background: #fff; border: 1px solid var(--border-2); border-radius: var(--r-xl); padding: 26px 30px; text-align: center; box-shadow: var(--shadow-raised); min-width: 220px; }
.price-card__label { font-family: var(--font-mono); font-size: 11px; color: var(--muted); letter-spacing: .04em; margin-bottom: 8px; }
.price-card__amt { font-size: 38px; font-weight: 800; line-height: 1; color: var(--navy); letter-spacing: -.02em; }
.price-card__amt small { font-size: 16px; color: var(--text); }
.price-card__note { font-size: 12px; color: var(--muted); margin: 6px 0 16px; }

/* ---------- FAQ ---------- */
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; }
.faq__q { font-size: 15px; font-weight: 700; color: var(--ink); margin-bottom: 7px; }
.faq__a { font-size: 13.5px; line-height: 1.6; color: var(--text); margin: 0; }

/* ---------- Responsive (home components) ---------- */
@media (max-width: 960px) {
  .pricing { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .trust-strip { grid-template-columns: 1fr 1fr; }
  .trust-item:nth-child(2) { border-right: none; }
  .steps, .act-grid, .faq-grid { grid-template-columns: 1fr; }
}