/* ==========================================================================
   CATBYTE sub-pages (services, projects, contact, demo hub, project-*.html)
   Brings the older card/glass pages in line with the homepage look:
   left-aligned editorial headings, hairline section heads, flat cards with
   thin borders, pill buttons, no glowing orbs or lifting cards.
   Scoped to <body class="subpage"> so the demo apps are not affected.
   ========================================================================== */

/* ---------- Page hero ---------- */
.subpage .glow-orb,
.subpage .bg-grid{ display:none; }
.sp-hero{ padding:clamp(118px, 14vw, 160px) 0 clamp(40px, 6vw, 72px); }
.sp-hero .sec__head{ margin-bottom:clamp(1.4rem, 4vw, 2.4rem); }
.subpage .sp-hero h1{
  margin-top:0;
  font-family:'Inter','Prompt',sans-serif;
  font-weight:700;
  font-size:clamp(2.3rem, 6vw, 4.4rem);
  line-height:1.08;
  letter-spacing:-.035em;
  color:var(--text);
}
.subpage .sp-hero h1 + p{ margin-top:1.3rem; max-width:40rem; font-size:1rem; line-height:1.8; color:var(--text-muted); }
.subpage .sp-hero .badge{ margin-top:0; }

/* ---------- Section labels (old pill "section-tag") ---------- */
.subpage .section-tag,
.subpage .detail-tag{
  padding:0; border:0; border-radius:0; background:none; backdrop-filter:none;
  font-family:'JetBrains Mono', monospace;
  font-size:.7rem; font-weight:600; letter-spacing:.24em; text-transform:uppercase;
  color:var(--accent);
}
.subpage .section-tag::before{ width:20px; height:1px; border-radius:0; box-shadow:none; background:var(--accent); }
.subpage h2{ font-family:'Inter','Prompt',sans-serif; letter-spacing:-.025em; }

/* ---------- Cards: flat, thin border, no lift ---------- */
.subpage .card{
  background:var(--surface-card-2);
  box-shadow:none;
  transition:border-color .3s ease, background .3s ease;
}
.subpage .card::before{ display:none; }
.subpage .card:hover{ transform:none; border-color:rgba(6,182,212,.35); box-shadow:none; }
.subpage .glass{ background:var(--surface-card-2); backdrop-filter:none; -webkit-backdrop-filter:none; }
.subpage .hover-lift:hover{ transform:none; }
.subpage .icon-box{
  width:44px; height:44px; border-radius:10px;
  background:transparent; border:1px solid var(--border);
  font-size:1.1rem;
}
.subpage .card:hover .icon-box{ transform:none; box-shadow:none; border-color:rgba(6,182,212,.45); }
.subpage .flow-step:hover{ transform:none; box-shadow:none; }
.subpage .card:hover .placeholder-preview .pp-photo{ transform:scale(1.02); }

/* ---------- Buttons: same pills as the homepage ---------- */
.subpage .btn{ border-radius:999px; height:46px; padding:0 1.4rem; font-size:.9rem; }
.subpage .btn-sm{ height:40px; padding:0 1.1rem; font-size:.85rem; }
.subpage .btn-primary{ background:var(--text); color:var(--bg); box-shadow:none; }
.subpage .btn-primary::after{ display:none; }
.subpage .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 34px -12px rgba(59,130,246,.75); }
.subpage .btn-outline{ background:transparent; border-color:var(--border); }
.subpage .btn-outline:hover{ transform:none; box-shadow:none; border-color:rgba(59,130,246,.55); background:var(--hover-tint); }

/* ---------- Filter chips on projects.html: same as the store chips ---------- */
.subpage [data-filter]{ border-radius:999px; }

@media (prefers-reduced-motion: reduce){
  .subpage .btn-primary:hover{ transform:none; }
}