/* Catalog (4 items, bigger cards) */
.services{padding:42px 0}
.service-grid--cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:14px}
@media (max-width:900px){.service-grid--cards{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 12px 26px rgba(11,31,85,.06)}
.card__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef2ff;color:#2B56FF;font-weight:700;font-size:.8rem}
.badge--blue{background:#e8f0ff;color:#0B1F55}
.card h3{margin:0 0 8px;color:#142044}
.card p{color:#51607a;margin:0 0 12px}
.card .list{margin:0;padding-left:18px;color:#4a566e;display:grid;gap:6px}
.card__cta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}

/* Deep dive sections (bigger page) */
.deep{padding:56px 0;background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.deep h2{margin:0 0 18px}
.deepbox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:16px 0;box-shadow:0 12px 26px rgba(11,31,85,.06)}
.deepbox header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.deep__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
@media (max-width:900px){.deep__grid{grid-template-columns:1fr}}
.deep__ph{min-height:220px;border-radius:12px;background:linear-gradient(180deg,#f3f6ff,#e6ecff);border:1px dashed #cdd5ea}
.ticks{list-style:none;padding-left:0;display:grid;gap:6px}
.ticks li{position:relative;padding-left:24px}
.ticks li::before{content:"✓";position:absolute;left:0;top:0;color:#0B1F55;font-weight:800}

/* Trusted + CTA (reuse) */
.trusted{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.kpi{display:flex;align-items:center;gap:18px}
.kpi__label{font-weight:700;color:#3a4663}
.bar{width:160px;height:10px;background:#e7edfa;border-radius:999px;overflow:hidden}
.bar span{display:block;height:100%;background:var(--navy)}
.kpi__value{font-weight:800;color:var(--navy)}
.logos{display:flex;gap:40px;align-items:center;opacity:.8}
.logos img{height:22px;filter:grayscale(1);opacity:.7}
.cta-banner{padding:30px 0;background:var(--navy);color:#fff}
.cta-banner h3{margin:0 0 6px}
.cta-banner h3 span{color:var(--accentWarm)}
.text-white{color:#fff !important;}

/* Deep-dive apps grid (replaces previous deepbox sections) */
.deep.deep--apps{
  background: var(--soft);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 56px 0;
}

.app-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 14px;
}
.app-grid article:nth-of-type(3n+1){background: var(--article-one);}
.app-grid article:nth-of-type(3n+2){background: var(--article-two);}
.app-grid article:nth-of-type(3n+3){background: var(--article-three);}
@media (max-width: 1000px){
  .app-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .app-grid{ grid-template-columns: 1fr; }
}

.app{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px;
  box-shadow:0 10px 24px rgba(11,31,85,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.app:hover{
  transform: translateY(-2px);
  border-color:#d9e1f3;
  box-shadow:0 14px 28px rgba(11,31,85,.08);
}

.app h3{
  margin:10px 0 6px;
  color:#142044;
  font-family:Poppins, Inter, sans-serif;
  font-weight:800;
  letter-spacing:-.01em;
}
.app p{ margin:0; color:#51607a; }

/* Simple icon badges (CSS mask SVGs to keep it light) */
.app__icon{
  --s: 28px;
  width:48px; height:48px; border-radius:12px;
  display:inline-grid; place-items:center;
  background:#eef2ff; border:1px solid #dbe4ff;
  margin-bottom:8px;
}
.app__icon::before{
  content:""; width:var(--s); height:var(--s); background:#2B56FF;
  mask: var(--icon) center / contain no-repeat;
  -webkit-mask: var(--icon) center / contain no-repeat;
}

/* Per-card icons (inline SVG masks) */
.i-hoa     { --icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 3l9 8h-3v9H6v-9H3l9-8z"/></svg>'); }
.i-resident{ --icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm7 9v-1a6 6 0 0 0-12 0v1z"/></svg>'); }
.i-leasing { --icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M5 3h14v14H5z"/><path fill="%23000" d="M9 21l3-3 3 3z"/></svg>'); }
.i-landlord{ --icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M3 11l9-8 9 8v9H3z"/></svg>'); }
.i-tenant  { --icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle fill="%23000" cx="12" cy="8" r="4"/><path fill="%23000" d="M4 21a8 8 0 0 1 16 0z"/></svg>'); }
.i-applicant{--icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M7 4h10v14H7z"/><path fill="%23000" d="M9 18h6v2H9z"/></svg>');}
.i-maint   { --icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M2 12l5-5 3 3-5 5zM13 7l4-4 3 3-4 4zM7 13l4 4-2 2-4-4z"/></svg>'); }
.i-admin   { --icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M4 4h16v4H4zM4 10h16v10H4z"/></svg>'); }
.i-parking { --icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M7 4h7a5 5 0 0 1 0 10H7zM9 9h5a2 2 0 0 0 0-4H9z"/></svg>'); }