/* =========================================================
   Gulecha CPA — real client testimonials & recent results (homepage)
   ========================================================= */
.testi-grid.real { grid-template-columns: 1.25fr 1fr 1fr; grid-template-rows: auto auto; }
.testi-grid.real .testi.big { grid-row: span 2; justify-content: space-between; }
.testi .q-mark { font-family: Georgia, serif; font-size: 72px; line-height: .6; height: 34px; color: var(--green); }
.testi.big .q-mark { color: var(--leaf); font-size: 96px; height: 44px; }
.testi-grid.real .testi blockquote { margin-top: 18px; }
.testi .who .av .icon { width: 20px; height: 20px; }
.testi.note-card { grid-column: 2 / span 2; display: grid; grid-template-columns: 200px 1fr; gap: 28px; align-items: center; padding: 26px 30px; }
.note-img { border-radius: 14px; overflow: hidden; background: #fff; border: 1px solid var(--line); box-shadow: 0 14px 30px -18px rgba(7,36,26,.35); transform: rotate(-2.5deg); transition: transform .4s var(--ease); }
.note-card:hover .note-img { transform: rotate(0deg) scale(1.03); }
.note-img img { width: 100%; height: auto; display: block; }
.note-text { display: flex; flex-direction: column; }
.note-tag { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--green-700); background: var(--mint); padding: 6px 12px; border-radius: 99px; }
.note-tag .icon { width: 14px; height: 14px; }
.note-card blockquote { font-style: italic; }

.results-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.rs { border-radius: 24px; padding: 30px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); display: flex; flex-direction: column; transition: transform .4s var(--ease), border-color .4s, background .4s; }
.rs:hover { transform: translateY(-6px); border-color: rgba(47,191,122,.45); background: rgba(47,191,122,.07); }
.rs-ic { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: rgba(47,191,122,.14); color: var(--leaf); border: 1px solid rgba(47,191,122,.3); margin-bottom: 26px; }
.rs b { font-family: var(--serif); font-weight: 600; letter-spacing: -.05em; font-size: 60px; line-height: 1; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rs-k { margin-top: 10px; font-size: 14px; font-weight: 600; letter-spacing: .02em; color: #fff; }
.rs p { margin-top: 14px; font-size: 15px; color: rgba(255,255,255,.65); line-height: 1.55; }
.results-note { margin-top: 26px; font-size: 13px; color: rgba(255,255,255,.5); }

@media (max-width: 1024px) {
  .testi-grid.real { grid-template-columns: 1fr 1fr; }
  .testi-grid.real .testi.big { grid-column: span 2; grid-row: auto; }
  .testi.note-card { grid-column: span 2; }
  .results-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .testi-grid.real { grid-template-columns: 1fr; }
  .testi-grid.real .testi.big, .testi.note-card { grid-column: auto; }
  .testi.note-card { grid-template-columns: 1fr; padding: 24px; }
  .note-img { max-width: 220px; }
  .results-grid { grid-template-columns: 1fr; }
  .rs b { font-size: 48px; }
}