/* ══════════════════════════════════════════════════════════════
   nw-base.css — Shared typography + icon overrides (all pages)
   !important используется для перекрытия inline style= атрибутов
   ══════════════════════════════════════════════════════════════ */


/* ══ ICONS ══ */
.nw-card-icon          { font-size: 38px !important; }
.nw-integration-icon   { font-size: 42px !important; margin-bottom: 14px; }
.nw-integration-item span { font-size: 15px !important; opacity: .9; }
.nw-integ-icon         { font-size: 40px !important; }
.nw-netflow-icon       { font-size: 40px !important; }
.nw-type-icon          { font-size: 38px !important; }
.nw-dtype-icon         { font-size: 38px !important; }
.nw-value-icon         { font-size: 34px !important; }
.nw-usecase-icon       { font-size: 34px !important; }
.nw-compat-icon        { font-size: 36px !important; }
.nw-deploy-icon        { font-size: 38px !important; }
.nw-platform-icon      { font-size: 34px !important; }
.nw-enables-icon       { font-size: 34px !important; }
.nw-cap-icon           { font-size: 34px !important; }
.nw-pf-icon            { font-size: 28px !important; }
.nw-control-icon       { font-size: 30px !important; }


/* ══ SECTION / PAGE LABELS ══ */
.nw-tag                { font-size: 14px !important; opacity: .88; }
.nw-section-tag        { font-size: 14px !important; opacity: .82; }
.nw-badge,
.nw-badge-light        { font-size: 13px !important; }
.nw-hero-subtext       { font-size: 15px !important; opacity: .82; }
.nw-platform-tag,
.nw-product-tag        { font-size: 13px !important; opacity: .85; }


/* ══ CARDS ══ */
.nw-card h5            { font-size: 18px !important; }
.nw-card p             { font-size: 15px !important; opacity: .9; }
.nw-platform-col h5    { font-size: 18px !important; }
.nw-platform-col p     { font-size: 15px !important; opacity: .9; }


/* ══ PIPELINE / CAP-BOX ══ */
.nw-pipeline-step h5,
.nw-cap-box h5         { font-size: 18px !important; }
.nw-pipeline-step p,
.nw-cap-box p          { font-size: 15px !important; opacity: .9; }


/* ══ QUICK-START ══ */
.nw-qs-num             { font-size: 13px !important; opacity: .75; }
.nw-qs-step h5         { font-size: 18px !important; }
.nw-qs-step p          { font-size: 15px !important; opacity: .88; }
.nw-qs-tag             { font-size: 13px !important; opacity: .85; }


/* ══ NAV CARDS ══ */
.nw-nav-card h5        { font-size: 18px !important; }
.nw-nav-card p         { font-size: 15px !important; opacity: .9; }
.nw-nav-card .nw-nav-link,
.nw-nav-link           { font-size: 14px !important; opacity: .82; }


/* ══ USE-CASE CARDS (opacity-based) ══ */
.nw-usecase-card h5    { font-size: 18px !important; }
.nw-usecase-card p     { font-size: 15px !important; opacity: .9; }
.nw-usecase-link       { font-size: 14px !important; opacity: .82; }

/* ══ USE-CASE ITEMS (color-based) ══ */
.nw-usecase-num        { font-size: 13px !important; color: #555 !important; }
.nw-usecase-item h5    { font-size: 18px !important; }
.nw-usecase-item p     { font-size: 15px !important; color: #222 !important; }


/* ══ WHY / VALUE BOXES ══ */
.nw-why-box h5,
.nw-why-cell h5        { font-size: 18px !important; }
.nw-why-box p,
.nw-why-cell p         { font-size: 15px !important; opacity: .9; }
.nw-why-num            { font-size: 13px !important; opacity: .65; }


/* ══ INVEST CELLS ══ */
.nw-inv-cell h5        { font-size: 17px !important; }
.nw-inv-cell p         { font-size: 15px !important; opacity: .88; }
.nw-inv-cell-tag       { font-size: 12px !important; opacity: .82; }
.nw-inv-cell-num       { font-size: 13px !important; opacity: .65; }


/* ══ "NOT" CELLS ══ */
.nw-not-cell h5        { font-size: 16px !important; opacity: .88; }
.nw-not-cell p         { font-size: 14px !important; opacity: .82; }


/* ══ ANCHOR NAV ══ */
.nw-anchornav a        { font-size: 13px !important; opacity: .78; }
.nw-anchornav-label    { font-size: 13px !important; opacity: .72; }
.nw-anchornav-sep      { opacity: .55 !important; }


/* ══ ARCHITECTURE ══ */
.nw-arch-node          { font-size: 15px !important; }
.nw-arch-ninja         { font-size: 16px !important; }
.nw-exec-item h5       { font-size: 17px !important; }
.nw-exec-item p        { font-size: 14px !important; }
.nw-control-item h5    { font-size: 16px !important; }
.nw-control-item p     { font-size: 14px !important; }
.nw-control-link       { font-size: 13px !important; opacity: .82; }
.nw-ba-label           { font-size: 13px !important; }
.nw-ba-title           { font-size: 13px !important; }


/* ══ CODE (только подписи) ══ */
.nw-code-caption       { font-size: 14px !important; opacity: .82; }


/* ══ CAPABILITY CARDS ══ */
.nw-cap-card h4        { font-size: 14px !important; color: #444 !important; }
.nw-cap-card > p       { font-size: 15px !important; color: #222 !important; }
.nw-cap-label          { font-size: 13px !important; color: #444 !important; }
.nw-cap-list li        { font-size: 14px !important; color: #222 !important; }


/* ══ PIPE STEPS ══ */
.nw-pipe-num           { font-size: 12px !important; color: #555 !important; }
.nw-pipe-step h6       { font-size: 14px !important; }
.nw-pipe-step p        { font-size: 13px !important; color: #333 !important; }


/* ══ TYPE / DTYPE ITEMS ══ */
.nw-type-item h5,
.nw-dtype-item h5      { font-size: 18px !important; }
.nw-type-item p,
.nw-dtype-item p       { font-size: 14px !important; color: #222 !important; }
.nw-type-link          { font-size: 13px !important; opacity: .82; }


/* ══ VALUE ITEMS ══ */
.nw-value-item h6      { font-size: 16px !important; color: #111 !important; }
.nw-value-item p       { font-size: 14px !important; color: #333 !important; }


/* ══ COMPARE TABLE ══ */
.nw-compare-table th   { font-size: 13px !important; color: #444 !important; }
.nw-compare-table td   { font-size: 14px !important; }


/* ══ NEXT NAV ══ */
.nw-next-label         { font-size: 13px !important; color: #555 !important; }
.nw-next-desc          { font-size: 15px !important; color: #222 !important; }
.nw-next-arrow         { font-size: 14px !important; opacity: .82 !important; }


/* ══ EXECUTION PAGE ══ */
.nw-exec-step-desc     { font-size: 14px !important; color: #222 !important; }
.nw-exec-step-name     { font-size: 20px !important; }
.nw-exec-num           { font-size: 12px !important; color: #555 !important; }
.nw-dp-title           { font-size: 15px !important; }
.nw-dp-desc            { font-size: 14px !important; color: #222 !important; }
.nw-pf-title           { font-size: 15px !important; }
.nw-pf-desc            { font-size: 14px !important; color: #222 !important; }
.nw-mode-num           { font-size: 12px !important; color: #555 !important; }
.nw-mode-desc          { font-size: 15px !important; color: #222 !important; }
.nw-check-detail       { font-size: 13px !important; color: #333 !important; }


/* ══ INTEGRATIONS PAGE ══ */
.nw-netflow-name       { font-size: 20px !important; }
.nw-netflow-sub        { font-size: 14px !important; color: #444 !important; }
.nw-integ-card h4      { font-size: 20px !important; }
.nw-integ-card p       { font-size: 15px !important; color: #222 !important; }
.nw-integ-pro          { font-size: 14px !important; color: #333 !important; }
.nw-setup-step h5      { font-size: 18px !important; }
.nw-setup-step p       { font-size: 14px !important; color: #222 !important; }
.nw-compat-item h5     { font-size: 17px !important; }
.nw-compat-item p      { font-size: 14px !important; color: #333 !important; }
.nw-deploy-item h5     { font-size: 17px !important; }
.nw-deploy-item p      { font-size: 14px !important; color: #222 !important; }
/* Performance section: light column (left) */
.nw-ps-col h4          { font-size: 13px !important; color: #555 !important; }
.nw-ps-stat-title      { font-size: 15px !important; color: #111 !important; }
.nw-ps-stat-desc       { font-size: 14px !important; color: #222 !important; }
/* "Secure by Design" dark column (last-child) — override to white */
.nw-ps-col:last-child h4            { color: rgba(255,255,255,.6) !important; }
.nw-ps-col:last-child .nw-ps-stat-title { color: #fff !important; }
.nw-ps-col:last-child .nw-ps-stat-desc  { color: rgba(255,255,255,.82) !important; font-size: 14px !important; }


/* ══ INT ITEMS (index / lp-developers) ══ */
.nw-int-item span.lbl  { font-size: 14px !important; opacity: .9; }
.nw-int-category h5    { font-size: 16px !important; }
.nw-int-note           { font-size: 13px !important; opacity: .85; }
.nw-workflow-step small { font-size: 13px !important; opacity: .85; }


/* ══ FAQ ══ */
.nw-faq-question       { font-size: 17px !important; }
.nw-faq-answer         { font-size: 15px !important; }


/* ══ COMPANY ══ */
.nw-lead               { font-size: 18px !important; opacity: .88; }


/* ══ FINAL CTA ══ */
.nw-final-cta p        { font-size: 18px !important; opacity: .85; }


/* ══ PRICING ══ */
.pricing-info          { font-size: 14px !important; }


/* ══════════════════════════════════════════════════════════════
   EXTRACTED INLINE STYLES → CSS CLASSES
   ══════════════════════════════════════════════════════════════ */

/* ── Headings ── */
.nw-h1 {
  font-size: clamp(34px, 5.5vw, 72px) !important;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.05;
  color: #111;
  margin-bottom: 0;
}
.nw-h2-lg  { font-size: clamp(26px, 3.5vw, 48px) !important; font-weight: 800; letter-spacing: -.025em; line-height: 1.1; color: #111; }
.nw-h2-lg-white { font-size: clamp(26px, 3.5vw, 48px) !important; font-weight: 800; letter-spacing: -.025em; line-height: 1.1; color: #fff; }
.nw-h2     { font-size: clamp(24px, 3vw, 44px) !important;   font-weight: 800; letter-spacing: -.025em; line-height: 1.1; color: #111; }
.nw-h2-alt { font-size: clamp(24px, 3.2vw, 42px) !important; font-weight: 800; letter-spacing: -.025em; line-height: 1.15; color: #111; }
.nw-h2-sm  { font-size: clamp(22px, 2.8vw, 38px) !important; font-weight: 800; letter-spacing: -.025em; line-height: 1.2; color: #111; max-width: 520px; }
.nw-h2-cta { font-size: clamp(28px, 5vw, 52px) !important;   font-weight: 800; margin-bottom: 16px; color: #fff; line-height: 1.1; letter-spacing: -.03em; }
.nw-hero-sub {
  font-size: clamp(17px, 2vw, 21px) !important;
  font-weight: 500;
  max-width: 620px;
  line-height: 1.65;
  color: #333;
  margin-top: 28px;
  margin-bottom: 0;
}

/* ── Section labels ── */
.nw-label {
  font-size: 13px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #444 !important;
  margin-bottom: 14px;
  display: block;
}
.nw-code-label {
  font-size: 12px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(255,255,255,.6) !important;
  margin-left: 8px;
}
.nw-code-label-dim {
  font-size: 12px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(255,255,255,.5) !important;
  margin-left: 8px;
}
.nw-code-label-faint {
  font-size: 11px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(255,255,255,.35) !important;
  margin-bottom: 16px;
}

/* ── Body text ── */
.nw-body {
  font-size: 16px !important;
  color: #1a1a1a !important;
  line-height: 1.75;
  margin-top: 20px;
}
.nw-mt-sm  { margin-top: 12px !important; }
.nw-body-dark {
  font-size: 16px !important;
  color: rgba(255,255,255,.75) !important;
  line-height: 1.75;
  margin-top: 20px;
}

/* ── Small descriptions ── */
.nw-desc {
  font-size: 14px !important;
  color: #222 !important;
  line-height: 1.6;
}
.nw-desc-dark {
  font-size: 14px !important;
  color: rgba(255,255,255,.7) !important;
  line-height: 1.6;
}

/* ── List rows ── */
.nw-list-row {
  padding: 13px 20px;
  border-bottom: 1px solid rgba(0,0,0,.07);
  font-size: 14px !important;
  color: #1a1a1a !important;
  display: flex;
  align-items: center;
  gap: 10px;
}
.nw-list-row-last { border-bottom: none; }

/* ── Dimmed arrows ── */
.nw-dim { opacity: .65 !important; }

/* ── Inline icons ── */
.nw-icon-inline      { font-size: 24px !important; margin-bottom: 10px; display: block; }
.nw-icon-inline-wide { font-size: 24px !important; min-width: 52px; padding-top: 4px; }

/* ── Mini cards ── */
.nw-mini-card    { padding: 24px; border: 1px solid rgba(0,0,0,.09); height: 100%; }
.nw-mini-card-lg { padding: 28px; border: 1px solid rgba(0,0,0,.1);  height: 100%; }

/* ── Section padding ── */
.nw-section       { padding: 80px 0; }
.nw-section-alt   { padding: 80px 0; background: #fafafa; border-top: 1px solid rgba(0,0,0,.07); }
.nw-section-bottom { padding: 0 0 80px; }
.nw-section-hero  { padding: 140px 0 60px; }

/* ── Status dots ── */
.nw-dot        { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.nw-dot-green  { background: #28c840; }
.nw-dot-yellow { background: #febc2e; }
.nw-dot-red    { background: #ff5f57; }

/* ── Inline code / var tags ── */
.nw-var-tag {
  padding: 7px 14px;
  border: 1px solid rgba(0,102,204,.2);
  background: rgba(0,102,204,.05);
  font-family: 'Courier New', monospace;
  font-size: 13px !important;
  color: #0066cc;
  font-weight: 700;
}

/* ── Item titles ── */
.nw-item-title       { font-size: 15px !important; font-weight: 700; color: #111; margin-bottom: 6px; }
.nw-item-title-white { font-size: 15px !important; font-weight: 700; color: #fff; margin-bottom: 6px; }


/* ══════════════════════════════════════════════════════════════
   SOLUTIONS PAGES (/solutions/seo, /solutions/qa, etc.)
   Shared classes across all solution pages
   ══════════════════════════════════════════════════════════════ */

/* Flow diagram strip */
.nw-flow-node h6         { font-size: 14px !important; }
.nw-flow-node p          { font-size: 13px !important; opacity: .88 !important; }

/* Problem grid & Steps grid — decorative numbers: keep subtle */
.nw-problem-num          { opacity: .15 !important; }
.nw-step-num             { opacity: .15 !important; }

/* Problem items */
.nw-problem-item h5      { font-size: 17px !important; }
.nw-problem-item p       { font-size: 15px !important; color: #222 !important; }

/* How-it-works steps */
.nw-step h5              { font-size: 17px !important; }
.nw-step p               { font-size: 15px !important; color: #222 !important; }

/* Use case items */
.nw-usecase-num          { font-size: 12px !important; color: #666 !important; }
.nw-usecase-item h5      { font-size: 18px !important; }
.nw-usecase-item p       { font-size: 15px !important; color: #222 !important; }

/* Capability cards */
.nw-cap-label            { font-size: 12px !important; color: #555 !important; }
.nw-cap-card-icon        { font-size: 32px !important; }

/* Comparison table — raise secondary column */
.nw-compare-table th               { font-size: 13px !important; color: #444 !important; }
.nw-compare-table td               { font-size: 15px !important; }
.nw-compare-table td:nth-child(2)  { color: #333 !important; }

/* Killer bar (bottom feature strip) — icons bigger */
.nw-killer-item-icon     { font-size: 32px !important; }
.nw-killer-item          { font-size: 15px !important; }


/* ══════════════════════════════════════════════════════════════
   OVERRIDES — перекрывают inline <style> в HTML-файлах
   nw-base.css грузится ПОСЛЕ них, поэтому !important побеждает
   ══════════════════════════════════════════════════════════════ */

/* ── FAQ page ── */
.nw-faq-q                { font-size: 17px !important; color: #111 !important; opacity: 1 !important; }
.nw-faq-a                { font-size: 16px !important; color: #222 !important; opacity: 1 !important; }
.nw-faq-primary .nw-faq-a { font-size: 16px !important; color: #222 !important; opacity: 1 !important; }
.nw-quick-cell h5        { font-size: 16px !important; color: #111 !important; opacity: 1 !important; }
.nw-quick-cell p         { font-size: 15px !important; color: #333 !important; opacity: 1 !important; }
.nw-faq-primary-header p { font-size: 15px !important; color: #444 !important; opacity: 1 !important; }
.nw-faq-secondary-header h3 { font-size: 19px !important; }
.nw-anchornav a          { font-size: 12px !important; opacity: .75 !important; }

/* ── Product / Solutions / General pages ── */
.nw-pipeline-step p      { font-size: 15px !important; color: #333 !important; opacity: 1 !important; }
.nw-cap-box p            { font-size: 15px !important; color: #333 !important; opacity: 1 !important; }
.nw-why-box p            { font-size: 15px !important; color: #333 !important; opacity: 1 !important; }
.nw-usecase-card p       { font-size: 15px !important; color: #333 !important; opacity: 1 !important; }
.nw-card p               { font-size: 15px !important; color: #333 !important; opacity: 1 !important; }
.nw-nav-card p           { font-size: 15px !important; color: #333 !important; opacity: 1 !important; }
.nw-platform-col p       { font-size: 15px !important; color: #333 !important; opacity: 1 !important; }
.nw-final-cta p          { font-size: 18px !important; color: rgba(255,255,255,.9) !important; opacity: 1 !important; }
.nw-value-list li        { font-size: 15px !important; color: #222 !important; opacity: 1 !important; }
.nw-hero-subtitle        { font-size: clamp(16px, 2vw, 20px) !important; color: #333 !important; opacity: 1 !important; }

/* ── Architecture page ── */
.nw-exec-item p          { font-size: 14px !important; color: #333 !important; opacity: 1 !important; }
.nw-control-item p       { font-size: 14px !important; color: #333 !important; opacity: 1 !important; }
.nw-arch-layer p         { font-size: 13px !important; color: #444 !important; opacity: 1 !important; }

/* ── Solutions sub-pages ── */
.nw-flow-node p          { font-size: 13px !important; color: #444 !important; opacity: 1 !important; }
.nw-problem-item p       { font-size: 15px !important; color: #222 !important; opacity: 1 !important; }
.nw-step p               { font-size: 15px !important; color: #222 !important; opacity: 1 !important; }

/* ── Mobile menu CTA button ── */
.nw-mobile-cta {
  display: inline-block !important;
  background: #111 !important;
  color: #fff !important;
  padding: 11px 28px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  margin-top: 4px !important;
  letter-spacing: .01em !important;
}
.nw-mobile-cta:hover {
  background: #333 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* ── Tags / labels with low opacity ── */
.nw-section-tag          { font-size: 13px !important; opacity: .82 !important; }
.nw-tag                  { font-size: 13px !important; opacity: .88 !important; }
.nw-product-tag          { font-size: 13px !important; opacity: .85 !important; }
.nw-platform-tag         { font-size: 13px !important; opacity: .85 !important; }