/* solutions — the 7-group / 16-department catalog */
[data-cmp="solutions"] .sol, [data-cmp="solutions"].sol { background: var(--surface-base); }

[data-cmp="solutions"] .sol-hero, [data-cmp="solutions"].sol-hero { position: relative; overflow: hidden; padding: var(--space-12) var(--space-4) var(--space-10);
  background: color-mix(in srgb, var(--surface-subtle) 30%, var(--surface-base)); }
[data-cmp="solutions"] .sol-hero-glow, [data-cmp="solutions"].sol-hero-glow { pointer-events: none; position: absolute; left: 50%; top: 50%;
  width: 700px; height: 500px; transform: translate(-50%, -50%); border-radius: 50%;
  background: radial-gradient(ellipse, hsl(142 71% 45% / 0.06), transparent 70%); }
[data-cmp="solutions"] .sol-hero-inner, [data-cmp="solutions"].sol-hero-inner { position: relative; max-width: 72rem; margin-inline: auto; text-align: center; }
[data-cmp="solutions"] .sol-hero-inner .asio-h1, [data-cmp="solutions"].sol-hero-inner .asio-h1 { margin: 0 auto; max-width: 48rem; font-size: clamp(2.25rem, 1.8rem + 1.8vw, 3rem); }
[data-cmp="solutions"] .sol-hero-inner .asio-lead, [data-cmp="solutions"].sol-hero-inner .asio-lead { margin: var(--space-5) auto 0; max-width: 42rem; font-size: 1.125rem; }
[data-cmp="solutions"] .sol-groupnav, [data-cmp="solutions"].sol-groupnav { margin-top: var(--space-10); display: flex; flex-wrap: wrap; align-items: center;
  justify-content: center; gap: var(--space-2); }
[data-cmp="solutions"] .sol-pill, [data-cmp="solutions"].sol-pill { display: inline-flex; align-items: center; border: 1px solid var(--border-default);
  border-radius: var(--radius-full, 9999px); background: color-mix(in srgb, var(--surface-subtle) 50%, var(--surface-base));
  padding: 6px 12px; font-size: 0.875rem; color: var(--text-secondary); text-decoration: none;
  transition: color var(--transition-fast, 160ms), border-color var(--transition-fast, 160ms), box-shadow var(--transition-fast, 160ms); }
[data-cmp="solutions"] .sol-pill--lg, [data-cmp="solutions"].sol-pill--lg { background: var(--surface-base); padding: 8px 16px; font-weight: 500;
  color: var(--text-primary); box-shadow: var(--shadow-sm); min-height: var(--tap-target, 44px); }
@media (hover: hover) and (pointer: fine) {
  [data-cmp="solutions"] .sol-pill:hover, [data-cmp="solutions"].sol-pill:hover { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 40%, transparent); }
  [data-cmp="solutions"] .sol-pill--lg:hover, [data-cmp="solutions"].sol-pill--lg:hover { box-shadow: var(--shadow-md); }}

[data-cmp="solutions"] .sol-groups, [data-cmp="solutions"].sol-groups { padding: var(--space-8) var(--space-4) var(--space-12); }
[data-cmp="solutions"] .sol-groups-inner, [data-cmp="solutions"].sol-groups-inner { max-width: 72rem; margin-inline: auto; }
[data-cmp="solutions"] .sol-group, [data-cmp="solutions"].sol-group { scroll-margin-top: 144px; }
[data-cmp="solutions"] .sol-group + .sol-group, [data-cmp="solutions"].sol-group + .sol-group { margin-top: var(--space-12); }
[data-cmp="solutions"] .sol-group-head, [data-cmp="solutions"].sol-group-head { border-bottom: 1px solid var(--border-default); padding-bottom: var(--space-5); }
[data-cmp="solutions"] .sol-group-head h2, [data-cmp="solutions"].sol-group-head h2 { margin: 0; font-size: clamp(1.875rem, 1.6rem + 1.2vw, 2.25rem); font-weight: 700; letter-spacing: -0.025em; }
[data-cmp="solutions"] .sol-group-head > p, [data-cmp="solutions"].sol-group-head > p { margin: var(--space-3) 0 0; max-width: 48rem; color: var(--text-secondary); line-height: 1.6; }
[data-cmp="solutions"] .sol-deptnav, [data-cmp="solutions"].sol-deptnav { margin-top: var(--space-4); display: flex; flex-wrap: wrap; gap: var(--space-2); }

[data-cmp="solutions"] .sol-depts, [data-cmp="solutions"].sol-depts { margin-top: var(--space-8); display: flex; flex-direction: column; gap: var(--space-10); }

[data-cmp="solutions"] .sol-collect-line, [data-cmp="solutions"].sol-collect-line { scroll-margin-top: 144px; margin: 0; font-size: 1rem; color: var(--text-secondary); }
[data-cmp="solutions"] .sol-collect-line a, [data-cmp="solutions"].sol-collect-line a { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--accent-active); text-decoration: none; }
[data-cmp="solutions"] .sol-collect-line .ic, [data-cmp="solutions"].sol-collect-line .ic { font-size: 16px; --ic-stroke: 2; }
@media (hover: hover) and (pointer: fine) { [data-cmp="solutions"] .sol-collect-line a:hover, [data-cmp="solutions"].sol-collect-line a:hover { text-decoration: underline; }}

[data-cmp="solutions"] .sol-dept, [data-cmp="solutions"].sol-dept { scroll-margin-top: 144px; border: 1px solid var(--border-default); border-radius: var(--radius-xl);
  background: var(--surface-card); box-shadow: var(--asio-shadow-soft); padding: var(--space-6); }
@media (min-width: 640px) { [data-cmp="solutions"] .sol-dept, [data-cmp="solutions"].sol-dept { padding: var(--space-8); }}
[data-cmp="solutions"] .sol-dept > h3, [data-cmp="solutions"].sol-dept > h3 { margin: 0; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.02em; }
[data-cmp="solutions"] .sol-dept-headline, [data-cmp="solutions"].sol-dept-headline { margin: var(--space-3) 0 0; max-width: 48rem; color: var(--text-secondary); line-height: 1.6; }

[data-cmp="solutions"] .sol-highlight, [data-cmp="solutions"].sol-highlight { margin-top: var(--space-5); border: 1px solid #a7f3d0; border-radius: var(--radius-lg); /* dark-exempt: marketing site is light-only */
  background: linear-gradient(90deg, #ecfdf5, #ffffff); padding: var(--space-5); } /* dark-exempt: marketing site is light-only */
[data-cmp="solutions"] .sol-highlight-stat, [data-cmp="solutions"].sol-highlight-stat { margin: 0; font-size: 1.125rem; font-weight: 700; letter-spacing: -0.02em; color: #047857; } /* dark-exempt: marketing site is light-only */
[data-cmp="solutions"] .sol-highlight-ctx, [data-cmp="solutions"].sol-highlight-ctx { margin: 6px 0 0; font-size: 0.875rem; color: var(--text-secondary); }

[data-cmp="solutions"] .sol-caps, [data-cmp="solutions"].sol-caps { margin-top: var(--space-6); display: flex; flex-direction: column; gap: var(--space-5); }
[data-cmp="solutions"] .sol-cap, [data-cmp="solutions"].sol-cap { border-radius: var(--radius-lg); border-left: 4px solid transparent; padding: var(--space-5); }
@media (min-width: 640px) { [data-cmp="solutions"] .sol-cap, [data-cmp="solutions"].sol-cap { padding: var(--space-6); }}
[data-cmp="solutions"] .sol-cap--di, [data-cmp="solutions"].sol-cap--di { border-left-color: #10b981; background: #ecfdf5; } /* dark-exempt: marketing site is light-only */
[data-cmp="solutions"] .sol-cap--ov, [data-cmp="solutions"].sol-cap--ov { border-left-color: #3b82f6; background: #eff6ff; } /* dark-exempt: marketing site is light-only */
[data-cmp="solutions"] .sol-cap--ao, [data-cmp="solutions"].sol-cap--ao { border-left-color: #8b5cf6; background: #f5f3ff; } /* dark-exempt: marketing site is light-only */
[data-cmp="solutions"] .sol-cap-head, [data-cmp="solutions"].sol-cap-head { display: flex; align-items: center; gap: 10px; }
[data-cmp="solutions"] .sol-cap--di .sol-cap-head svg, [data-cmp="solutions"].sol-cap--di .sol-cap-head svg { color: #059669; } /* dark-exempt: marketing site is light-only */
[data-cmp="solutions"] .sol-cap--ov .sol-cap-head svg, [data-cmp="solutions"].sol-cap--ov .sol-cap-head svg { color: #2563eb; } /* dark-exempt: marketing site is light-only */
[data-cmp="solutions"] .sol-cap--ao .sol-cap-head svg, [data-cmp="solutions"].sol-cap--ao .sol-cap-head svg { color: #7c3aed; } /* dark-exempt: marketing site is light-only */
[data-cmp="solutions"] .sol-cap-head h4, [data-cmp="solutions"].sol-cap-head h4 { margin: 0; font-size: 1rem; font-weight: 600; letter-spacing: -0.01em; }
[data-cmp="solutions"] .sol-cap-desc, [data-cmp="solutions"].sol-cap-desc { margin: var(--space-3) 0 0; font-size: 0.9375rem; line-height: 1.6; color: var(--text-secondary); }
[data-cmp="solutions"] .sol-cap-examples, [data-cmp="solutions"].sol-cap-examples { list-style: none; margin: var(--space-4) 0 0; padding: 0;
  display: grid; gap: 10px; grid-template-columns: 1fr; }
@media (min-width: 640px)  { [data-cmp="solutions"] .sol-cap-examples, [data-cmp="solutions"].sol-cap-examples { grid-template-columns: repeat(2, 1fr); }}
@media (min-width: 1024px) { [data-cmp="solutions"] .sol-cap-examples, [data-cmp="solutions"].sol-cap-examples { grid-template-columns: repeat(3, 1fr); }}
[data-cmp="solutions"] .sol-cap-examples li, [data-cmp="solutions"].sol-cap-examples li { border: 1px solid rgba(255,255,255,0.6); border-radius: var(--radius-lg); /* dark-exempt: marketing site is light-only */
  background: rgba(255,255,255,0.8); box-shadow: var(--shadow-sm); padding: 14px; /* dark-exempt: marketing site is light-only */
  font-size: 0.875rem; line-height: 1.55; color: var(--text-primary); }

/* ── AbleClaw demo mock ── */
[data-cmp="solutions"] .sol-demo, [data-cmp="solutions"].sol-demo { margin-top: var(--space-5); overflow: hidden; border: 1px solid var(--border-default);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
[data-cmp="solutions"] .sol-demo-bar, [data-cmp="solutions"].sol-demo-bar { display: flex; align-items: center; gap: var(--space-2);
  border-bottom: 1px solid var(--border-default); background: hsl(220 20% 18%); padding: 10px var(--space-4); }
[data-cmp="solutions"] .sol-demo-mark, [data-cmp="solutions"].sol-demo-mark { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px;
  border-radius: 6px; background: var(--accent); color: #fff; font-size: 0.75rem; font-weight: 700; }
[data-cmp="solutions"] .sol-demo-name, [data-cmp="solutions"].sol-demo-name { font-size: 0.875rem; font-weight: 500; color: #fff; }
[data-cmp="solutions"] .sol-demo-conn, [data-cmp="solutions"].sol-demo-conn { display: inline-flex; align-items: center; gap: 4px; font-size: 0.75rem; color: rgba(255,255,255,0.5); }
[data-cmp="solutions"] .sol-demo-dot, [data-cmp="solutions"].sol-demo-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #34d399; }
[data-cmp="solutions"] .sol-demo-body, [data-cmp="solutions"].sol-demo-body { background: hsl(220 15% 97%); } /* dark-exempt: marketing site is light-only */
[data-cmp="solutions"] .sol-demo-q-row, [data-cmp="solutions"].sol-demo-q-row { display: flex; justify-content: flex-end; padding: var(--space-4) var(--space-4) 0; }
[data-cmp="solutions"] .sol-demo-q, [data-cmp="solutions"].sol-demo-q { max-width: 85%; border-radius: 16px 16px 4px 16px; background: hsl(215 25% 35%);
  padding: 12px var(--space-4); font-size: 0.875rem; line-height: 1.55; color: #fff; }
[data-cmp="solutions"] .sol-demo-a, [data-cmp="solutions"].sol-demo-a { display: flex; gap: 12px; padding: var(--space-4); }
[data-cmp="solutions"] .sol-demo-avatar, [data-cmp="solutions"].sol-demo-avatar { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 32px; height: 32px; border-radius: 8px; background: var(--accent); color: #fff;
  font-size: 0.75rem; font-weight: 700; }
[data-cmp="solutions"] .sol-demo-a-body, [data-cmp="solutions"].sol-demo-a-body { min-width: 0; flex: 1; }
[data-cmp="solutions"] .sol-demo-a-name, [data-cmp="solutions"].sol-demo-a-name { margin: 0; display: flex; align-items: center; gap: var(--space-2);
  font-size: 0.875rem; font-weight: 600; }
[data-cmp="solutions"] .sol-demo-ai, [data-cmp="solutions"].sol-demo-ai { border-radius: 4px; background: color-mix(in srgb, var(--accent) 10%, transparent);
  padding: 2px 6px; font-size: 10px; font-weight: 600; color: var(--accent); }
[data-cmp="solutions"] .sol-demo-intro, [data-cmp="solutions"].sol-demo-intro { margin: var(--space-2) 0 0; font-size: 0.875rem; line-height: 1.55; color: var(--text-secondary); }
[data-cmp="solutions"] .sol-demo-items, [data-cmp="solutions"].sol-demo-items { margin-top: 12px; display: grid; gap: 8px; grid-template-columns: 1fr; }
@media (min-width: 640px) { [data-cmp="solutions"] .sol-demo-items, [data-cmp="solutions"].sol-demo-items { grid-template-columns: repeat(2, 1fr); }}
[data-cmp="solutions"] .sol-demo-item, [data-cmp="solutions"].sol-demo-item { border: 1px solid var(--border-default); border-radius: var(--radius-lg);
  background: #fff; padding: 12px; } /* dark-exempt: marketing site is light-only */
[data-cmp="solutions"] .sol-demo-item-label, [data-cmp="solutions"].sol-demo-item-label { margin: 0; font-size: 11px; font-weight: 600; letter-spacing: 0.05em;
  text-transform: uppercase; color: var(--text-muted); }
[data-cmp="solutions"] .sol-demo-item-value, [data-cmp="solutions"].sol-demo-item-value { margin: 2px 0 0; font-size: 1rem; font-weight: 700; color: var(--text-primary); }
[data-cmp="solutions"] .sol-demo-item-detail, [data-cmp="solutions"].sol-demo-item-detail { margin: 2px 0 0; font-size: 0.75rem; color: var(--text-secondary); }
[data-cmp="solutions"] .sol-demo-insight, [data-cmp="solutions"].sol-demo-insight { margin-top: 12px; border-left: 2px solid color-mix(in srgb, var(--accent) 40%, transparent);
  border-radius: var(--radius-lg); background: color-mix(in srgb, var(--accent) 5%, transparent); padding: 8px 12px; }
[data-cmp="solutions"] .sol-demo-insight p, [data-cmp="solutions"].sol-demo-insight p { margin: 0; font-size: 0.875rem; color: var(--text-primary); line-height: 1.55; }
[data-cmp="solutions"] .sol-demo-actions, [data-cmp="solutions"].sol-demo-actions { margin-top: var(--space-4); }
[data-cmp="solutions"] .sol-demo-actions > p, [data-cmp="solutions"].sol-demo-actions > p { margin: 0; font-size: 0.875rem; font-weight: 500; }
[data-cmp="solutions"] .sol-demo-chips, [data-cmp="solutions"].sol-demo-chips { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 8px; }
[data-cmp="solutions"] .sol-demo-chip, [data-cmp="solutions"].sol-demo-chip { display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); border-radius: var(--radius-full, 9999px);
  background: color-mix(in srgb, var(--accent) 5%, transparent); padding: 6px 12px;
  font-size: 0.75rem; font-weight: 500; color: var(--accent); }
[data-cmp="solutions"] .sol-demo-input, [data-cmp="solutions"].sol-demo-input { border-top: 1px solid var(--border-default); background: #fff; padding: 12px var(--space-4); } /* dark-exempt: marketing site is light-only */
[data-cmp="solutions"] .sol-demo-input-box, [data-cmp="solutions"].sol-demo-input-box { display: flex; align-items: center; gap: var(--space-2);
  border: 1px solid var(--border-default); border-radius: var(--radius-lg); background: hsl(220 15% 97%); /* dark-exempt: marketing site is light-only */
  padding: 8px 12px; }
[data-cmp="solutions"] .sol-demo-input-box svg:first-child, [data-cmp="solutions"].sol-demo-input-box svg:first-child { color: color-mix(in srgb, var(--text-muted) 40%, transparent); }
[data-cmp="solutions"] .sol-demo-input-box span, [data-cmp="solutions"].sol-demo-input-box span { flex: 1; font-size: 0.875rem; color: color-mix(in srgb, var(--text-muted) 40%, transparent); }
[data-cmp="solutions"] .sol-demo-input-box svg:last-child, [data-cmp="solutions"].sol-demo-input-box svg:last-child { color: color-mix(in srgb, var(--accent) 40%, transparent); }

[data-cmp="solutions"] .sol-cta, [data-cmp="solutions"].sol-cta { padding: 0 var(--space-4) var(--space-12); }
[data-cmp="solutions"] .sol-cta .cap-cta-card, [data-cmp="solutions"].sol-cta .cap-cta-card { max-width: 72rem; margin-inline: auto; text-align: center;
  border: 1px solid var(--border-default); border-radius: var(--radius-xl);
  background: color-mix(in srgb, var(--surface-subtle) 40%, var(--surface-base)); padding: var(--space-8); }
[data-cmp="solutions"] .sol-cta .cap-cta-card h2, [data-cmp="solutions"].sol-cta .cap-cta-card h2 { margin: 0; font-size: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem); font-weight: 600; }
[data-cmp="solutions"] .sol-cta .cap-cta-card p, [data-cmp="solutions"].sol-cta .cap-cta-card p { margin: var(--space-3) auto var(--space-6); max-width: 42rem; color: var(--text-secondary); }