/* Portfolio additions use the shared Sleek MX tokens and components. */
.mx-nav button.nav-cta{
  display:flex;align-items:center;min-height:44px;margin-left:10px;padding:9px 14px;
  border:1px solid var(--accent);border-radius:var(--radius-pill);background:transparent;
  color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;
  transition:background var(--transition-fast),color var(--transition-fast);
}
.mx-nav button.nav-cta:hover{background:var(--accent);color:#fff}
.home-apps{padding:clamp(44px,5vw,64px) 0}
.home-apps .home-section-head{align-items:end}
.home-apps .home-section-head h2{margin-top:10px}
.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.app-card{min-width:0;gap:18px}
.app-card[hidden]{display:none}
.app-card h3{font-size:clamp(26px,3vw,34px)}
.app-card .card-foot{color:var(--fg);font-size:14px;font-weight:700}
.app-card:hover .card-foot{color:var(--accent)}
.app-card-top,.app-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.app-card-top{justify-content:space-between;gap:14px}
.app-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;
  border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--bg);
  color:var(--fg);font-size:16px;font-weight:800;letter-spacing:-.04em}
.coming-soon{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--line-2);
  border-radius:var(--radius-pill);background:var(--bg);color:var(--fg-muted);font-size:12px;font-weight:700}
.app-card p{max-width:56ch}
.app-filter-bar{margin-bottom:28px}
.app-filters{display:flex;flex-wrap:wrap;gap:10px}
.app-filters[hidden]{display:none}
.filter-chip{min-height:44px;padding:10px 18px;border:1px solid var(--line-2);
  border-radius:var(--radius-pill);background:var(--bg);color:var(--fg);font-size:14px;font-weight:700;cursor:pointer;
  transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}
.filter-chip:hover{border-color:var(--accent)}
.filter-chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.filter-status{margin-top:14px;color:var(--fg-muted);font-size:14px}
.apps-list-section{padding-top:0;border-top:0}
.app-hero .text-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:24px}
.app-hero h1{max-width:22ch;line-height:1.04}
.app-hero .btn-row{margin-top:24px;align-items:center}
.btn:disabled,.btn:disabled:hover{border-color:var(--line-2);background:var(--surface-2);color:var(--fg-muted);cursor:default;box-shadow:none}
.app-context h2{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.04em;margin:14px 0 20px}
.app-context p:not(.eyebrow){color:var(--fg-muted);max-width:var(--measure)}
.app-context{gap:40px}
.app-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.app-steps h3{line-height:1.2}
.legacy-partner-note{margin-top:24px}
.home-page .home-footer h2,.home-page .home-footer button.text-link{color:var(--fg)}
@media(max-width:860px){
  .mx-nav button.nav-cta{justify-content:center;margin:10px 0 0;padding:14px 16px;font-size:17px;border-radius:var(--radius-sm)}
}
@media(max-width:700px){
  .app-grid,.app-steps{grid-template-columns:1fr}
  .app-context{gap:32px}
  .home-apps .home-section-head{align-items:start}
}