/* ============================================================
   NIKA SITE SKINS — web.edge.mc + www.edge.mc · 2026-09-07
   MARKER: NKSYSTEM-20260907-MARKER (skins)

   Thin overlays on nika-tokens.css + nika-system.css. A site declares
   ONE body class and inherits the whole system; a skin may only:
   scale type, allow marketing blocks, adjust rhythm. Never new
   colours, never new components (variation law, nika-system §11).

     body.nk.site-app   → app.edge.mc      (default: no overrides)
     body.nk.site-web   → web.edge.mc      (business/marketing site)
     body.nk.site-www   → www.edge.mc      (super-simple front door,
                                            integrates Nika AI)
   ============================================================ */

/* ---------- WEB.EDGE.MC — marketing scale ---------------------------- */
.site-web .nk-h1 { font-size: 44px; letter-spacing: -.01em; }
.site-web .nk-h2 { font-size: 30px; }
.site-web .nk-lead { font-size: 19px; }
.site-web .nk-main { max-width: 1080px; margin: 0 auto; }

.site-web .nk-hero {
  padding: 72px 0 56px; text-align: center;
}
.site-web .nk-hero .nk-h1 { max-width: 760px; margin: 0 auto .35em; }
.site-web .nk-hero .nk-lead { max-width: 620px; margin: 0 auto 28px; }
.site-web .nk-hero-actions { display: flex; gap: 14px; justify-content: center; }

.site-web .nk-feature-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px; margin: 36px 0;
}
.site-web .nk-band {           /* full-width alternating band; cream stays canvas (wash is app-only, L5) */
  background: var(--nk-cream-2); border-top: 1px solid var(--nk-line);
  border-bottom: 1px solid var(--nk-line); padding: 48px 0; margin: 48px 0;
}
.site-web .nk-price-cards,
.site-app .nk-price-cards {    /* the 2-card model ([T]: Starter + Pro forward) · SHELL1-20260907-MARKER: .site-app scope added (/pricing = app site) */
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 340px));
  gap: 22px; justify-content: center; margin: 32px 0;
}
.site-web .nk-price-card,
.site-app .nk-price-card { text-align: left; }  /* CARD1-20260908-MARKER: selector groups repaired (SHELL-1 scope-add defect) */
.site-web .nk-price-card .price,
.site-app .nk-price-card .price { font-family: var(--nk-serif); font-size: 40px; color: var(--nk-ink); }
.site-web .nk-price-card .per,
.site-app .nk-price-card .per { font-size: 13px; color: var(--nk-muted); }
.site-web .nk-price-card ul,
.site-app .nk-price-card ul { margin: 14px 0 18px; padding-left: 18px; font-size: 14px; color: var(--nk-ink-soft); }
.site-web .nk-price-card li,
.site-app .nk-price-card li { margin-bottom: 6px; }
.site-web .nk-price-card.is-featured,
.site-app .nk-price-card.is-featured { border-color: var(--nk-azure); box-shadow: 0 0 0 3px var(--nk-azure-soft); }

.site-web .nk-sitefoot {
  border-top: 1px solid var(--nk-line); margin-top: 64px; padding: 28px 0 40px;
  font-size: 13px; color: var(--nk-muted); text-align: center;
}
.site-web .nk-sitefoot .trust { margin-bottom: 8px; }

/* ---------- WWW.EDGE.MC — the super-simple front door ---------------- */
/* One screen: identity, one line, two doors (Nika AI + business site).
   [T]: "super simple, but it needs to integrate Nika AI."             */
.site-www .nk-main { max-width: 640px; margin: 0 auto; display: flex;
  min-height: 92vh; flex-direction: column; justify-content: center; text-align: center; }
.site-www .nk-h1 { font-size: 40px; }
.site-www .nk-lead { margin: 0 auto 30px; max-width: 480px; }
.site-www .nk-doors { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.site-www .nk-ask {            /* the Nika AI integration: one ask box, posts into app chat */
  margin: 26px auto 0; max-width: 480px; display: flex; gap: 8px;
}
.site-www .nk-ask .nk-input { flex: 1; }
.site-www .nk-sitefoot { margin-top: 48px; font-size: 12.5px; color: var(--nk-muted); }

/* ---------- SHARED RESPONSIVE for skin blocks ------------------------ */
@media (max-width: 640px) {
  .site-web .nk-h1 { font-size: 32px; }
  .site-web .nk-hero { padding: 44px 0 32px; }
  .site-www .nk-h1 { font-size: 30px; }
  .site-www .nk-ask { flex-direction: column; }
}