/* ============================================================
   NAV "Solutions" dropdown — B4-2: editorial department list
   (no icons, gradient active name) + aura testimonial pane with
   big impact figure. Desktop only (>=941px); on smaller screens
   the trigger stays a plain #usecases link in the burger menu.
   ============================================================ */
@media (min-width: 941px) {
  .nav-inner { position: relative; }
  .nav .sol-trigger { cursor: pointer; }
  .nav.sol-open .nav-links .sol-trigger { color: var(--ink-900); background: #fff; box-shadow: 0 4px 14px rgba(29,38,48,0.12); }
  .sol-panel { position: absolute; top: calc(100% + 10px); left: 50%; transform: translate(-50%, -6px) scale(0.985); transform-origin: top center; opacity: 0; visibility: hidden; pointer-events: none; z-index: 90; width: 660px; padding: 8px; box-sizing: border-box; background: rgba(255,255,255,0.94); -webkit-backdrop-filter: blur(26px) saturate(1.6); backdrop-filter: blur(26px) saturate(1.6); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 28px 70px -20px rgba(16,24,40,0.28), 0 6px 18px rgba(16,24,40,0.06); transition: opacity .18s ease, transform .22s cubic-bezier(0.32,0.72,0.3,1), visibility 0s linear .22s; }
  .sol-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
  .nav.sol-open .sol-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0) scale(1); transition: opacity .18s ease, transform .22s cubic-bezier(0.32,0.72,0.3,1), visibility 0s; }
  .sol-cols { display: grid; grid-template-columns: 1fr 272px; gap: 8px; }
  .sol-deps { display: flex; flex-direction: column; gap: 2px; padding: 2px; }
  /* editorial department rows */
  .sol-panel .dep { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 12px; transition: background .16s ease; }
  .sol-panel .dep:hover { background: var(--surface-muted); }
  .sol-panel .dep.on { background: #fff; box-shadow: 0 4px 14px rgba(29,38,48,0.10); }
  .sol-panel .dep-tx b { display: block; width: fit-content; font-size: 15px; font-weight: 600; color: var(--ink-900); letter-spacing: -0.01em; }
  .sol-panel .dep-tx span { display: block; font-size: 12.5px; color: var(--slate-600); margin-top: 2px; }
  .sol-panel .dep.on .dep-tx b { background: linear-gradient(90deg, #FFAC6F, #FF5F34 50%, #E43CFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
  .nav.sol-open .sol-panel .dep { animation: solDepIn .34s cubic-bezier(0.22,1,0.36,1) both; }
  .nav.sol-open .sol-panel .dep:nth-child(2) { animation-delay: .04s; }
  .nav.sol-open .sol-panel .dep:nth-child(3) { animation-delay: .08s; }
  .nav.sol-open .sol-panel .dep:nth-child(4) { animation-delay: .12s; }
  .nav.sol-open .sol-panel .dep:nth-child(5) { animation-delay: .16s; }
  .nav.sol-open .sol-panel .dep:nth-child(6) { animation-delay: .2s; }
  /* aura testimonial pane */
  .sol-panel .tpane { position: relative; border-radius: 16px; padding: 12px; display: flex; flex-direction: column; overflow: hidden; border: none; background: radial-gradient(90% 80% at 12% 8%, rgba(255,172,111,0.5), transparent 60%), radial-gradient(95% 95% at 92% 92%, rgba(228,60,255,0.4), transparent 62%), radial-gradient(70% 70% at 75% 18%, rgba(255,95,52,0.3), transparent 65%), #fff; }
  .sol-panel .tp-in { flex: 1; display: flex; flex-direction: column; background: rgba(255,255,255,0.74); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: none; border-radius: 12px; padding: 16px 16px 15px; box-shadow: 0 10px 26px rgba(16,24,40,0.10); transition: opacity .18s ease; }
  .sol-panel .tpane.swap .tp-in { opacity: 0; }
  /* big impact figure — same recipe as the testimonial cards (.mstat) */
  .sol-panel .tp-mstat { align-self: flex-start; display: block; white-space: nowrap; margin: 0 0 12px; font-family: var(--font-sans); font-weight: 700; font-size: 13.5px; line-height: 1; letter-spacing: -0.02em; background: var(--brand-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
  .sol-panel .tp-mstat .n { font-size: 40px; font-weight: 800; letter-spacing: -0.03em; line-height: 0.9; margin-right: 5px; }
  .sol-panel .tp-quote { font-family: var(--font-serif); font-weight: 400; font-size: 16.5px; line-height: 1.55; letter-spacing: 0; color: var(--ink-900); margin: 0 0 14px; flex: 1; }
  .sol-panel .tp-who { display: flex; align-items: center; gap: 10px; margin-top: auto; }
  .sol-panel .tp-who img { width: 32px; height: 32px; border-radius: 999px; object-fit: cover; }
  .sol-panel .tp-who b { display: block; font-size: 13px; font-weight: 600; color: var(--ink-900); }
  .sol-panel .tp-who .tp-role { display: block; font-size: 12px; color: var(--slate-600); }
  /* footer — centered proof line */
  .sol-foot { display: flex; justify-content: center; margin: 8px -8px -8px; padding: 12px 18px; border-top: 1px solid var(--line); background: rgba(245,247,250,0.7); border-radius: 0 0 17px 17px; }
  .sol-proof { display: inline-flex; align-items: center; gap: 9px; font-size: 12.5px; color: var(--slate-600); }
  .sol-proof .faces { display: inline-flex; }
  .sol-proof .faces img { width: 22px; height: 22px; border-radius: 999px; border: 2px solid #fff; object-fit: cover; margin-left: -7px; }
  .sol-proof .faces img:first-child { margin-left: 0; }
  .sol-proof strong { color: var(--ink-900); font-weight: 700; }
}
@keyframes solDepIn { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .sol-panel { transition: none !important; } .nav.sol-open .sol-panel .dep { animation: none !important; } }
@media (max-width: 940px) { .sol-panel { display: none; } }