/* ─── Solution / use-case page (nova/solution) ───────────────── */
.nps-hero { background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 65%,#000000 100%); padding:80px 0 60px; color:#fff; text-align:center; }
.nps-hero-badge { display:inline-block; background:rgba(245,158,11,.18); color:#fbbf24; border:1px solid rgba(245,158,11,.3); padding:5px 16px; border-radius:99px; font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:20px; }
.nps-hero h1 { font-size:clamp(2rem,4vw,3rem); font-weight:900; letter-spacing:-.04em; margin:0 0 16px; }
.nps-hero h1 em { font-style:normal; background:linear-gradient(90deg,#34d399,#6ee7b7); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.nps-hero-sub { font-size:1.1rem; color:rgba(255,255,255,.75); line-height:1.7; max-width:600px; margin:0 auto 32px; }
.nps-hero-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

.nps-how { padding:64px 0; background:var(--n-bg); }
.nps-steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px; margin-top:40px; }
.nps-step { background:#fff; border:1px solid var(--n-border); border-radius:14px; padding:28px; position:relative; }
.nps-step-num { width:40px; height:40px; background:var(--n-primary); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1rem; font-weight:800; margin-bottom:16px; }
.nps-step-title { font-size:1rem; font-weight:700; color:var(--n-text); margin-bottom:8px; }
.nps-step-desc { font-size:.88rem; color:var(--n-text-muted); line-height:1.65; }

.nps-why { padding:64px 0; }
.nps-why-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.nps-why-feats { display:flex; flex-direction:column; gap:20px; }
.nps-why-feat { display:flex; gap:14px; align-items:flex-start; }
.nps-why-feat-icon { width:44px; height:44px; background:var(--n-bg); border:1px solid var(--n-primary-l); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0; }
.nps-why-feat-title { font-size:.95rem; font-weight:700; color:var(--n-text); margin-bottom:4px; }
.nps-why-feat-desc { font-size:.87rem; color:var(--n-text-muted); line-height:1.65; }

.nps-stats { background:#0a0a0a; padding:48px 0; }
.nps-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.nps-stat { text-align:center; }
.nps-stat-num { font-size:2rem; font-weight:900; color:#fff; display:block; }
.nps-stat-label { font-size:.82rem; color:rgba(255,255,255,.5); margin-top:6px; }

.nps-products { padding:64px 0; background:var(--n-bg); }
.nps-products-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; margin-top:36px; }
.nps-prod { background:#fff; border:2px solid var(--n-border); border-radius:14px; padding:24px; transition:var(--n-transition); }
.nps-prod:hover { border-color:var(--n-primary); box-shadow:var(--n-shadow); }
.nps-prod-icon { font-size:1.8rem; margin-bottom:10px; }
.nps-prod-name { font-size:1rem; font-weight:700; color:var(--n-text); margin-bottom:6px; }
.nps-prod-desc { font-size:.87rem; color:var(--n-text-muted); line-height:1.6; margin-bottom:16px; }
.nps-prod-link { font-size:.87rem; font-weight:600; color:var(--n-primary); }
.nps-prod-link:hover { text-decoration:none; }

.nps-cta { background:linear-gradient(135deg,var(--n-primary-d),#0a0a0a); padding:72px 24px; text-align:center; color:#fff; }
.nps-cta h2 { font-size:2rem; font-weight:900; margin:0 0 12px; letter-spacing:-.03em; }
.nps-cta p { color:rgba(255,255,255,.7); margin:0 0 28px; font-size:1.05rem; }
.nps-cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.nps-cta-btns a { padding:14px 32px; border-radius:10px; font-size:1rem; font-weight:700; transition:var(--n-transition); text-decoration:none; }
.nps-cta-btns .solid { background:#fff; color:var(--n-primary); }
.nps-cta-btns .outline { border:2px solid rgba(255,255,255,.4); color:#fff; }
.nps-cta-btns a:hover { opacity:.88; }

@media(max-width:768px) {
  .nps-why-grid { grid-template-columns:1fr; }
  .nps-stats-grid { grid-template-columns:repeat(2,1fr); }
}