/*
 * Collablynx Unified Public Site CSS
 * Build: 7.3.4
 * Asset generation: 734
 * The filename is intentionally versioned to defeat static/CDN caches that ignore query strings.
 */
:root { --clynx-public-build:738; }

/* ============================================================
   COLLABLYNX PRO — Design System v3
   Tokens · Typography · Layout · Motion
   ============================================================ */

/* Google Fonts loaded via PHP — Plus Jakarta Sans, DM Sans, JetBrains Mono */

:root {
  /* Colour palette */
  --bg:            #07101e;
  --bg-soft:       #0d1a30;
  --bg-mid:        #0f2040;
  --surface:       rgba(255,255,255,.07);
  --surface-hover: rgba(255,255,255,.11);
  --text:          #e8f0fe;
  --text-mid:      #b8cae8;
  --text-muted:    #7e96b8;
  --text-dark:     #0f1e35;
  --line:          rgba(255,255,255,.10);
  --line-light:    rgba(255,255,255,.06);

  /* Brand colours */
  --primary:       #3ab4f5;
  --primary-deep:  #1e8fd4;
  --secondary:     #6e6cff;
  --accent:        #14c8a8;
  --accent-warm:   #f5a623;
  --success:       #22d068;
  --warning:       #f59e0b;
  --danger:        #f43f5e;

  /* Gradients */
  --grad-primary:  linear-gradient(135deg, #3ab4f5, #6e6cff);
  --grad-accent:   linear-gradient(135deg, #14c8a8, #3ab4f5);
  --grad-dark:     linear-gradient(145deg, #07101e 0%, #0d1a30 50%, #112048 100%);
  --grad-hero:     radial-gradient(circle at 18% 12%, rgba(58,180,245,.26) 0%, transparent 32%),
                   radial-gradient(circle at 84% 20%, rgba(110,108,255,.20) 0%, transparent 28%),
                   radial-gradient(circle at 50% 80%, rgba(20,200,168,.12) 0%, transparent 35%),
                   linear-gradient(145deg, #07101e 0%, #0d2040 55%, #111d40 100%);

  /* Elevation */
  --shadow-sm:     0 4px 12px rgba(0,0,0,.18);
  --shadow:        0 12px 32px rgba(0,0,0,.24);
  --shadow-lg:     0 24px 60px rgba(0,0,0,.32);
  --shadow-glow:   0 0 40px rgba(58,180,245,.18);

  /* Shape */
  --radius-sm:     12px;
  --radius:        20px;
  --radius-lg:     28px;
  --radius-xl:     36px;

  /* Layout */
  --container:     1240px;
  --section-gap:   36px;

  /* Typography */
  --font-display:  system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-body:     system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-mono:     'Cascadia Code', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;

  /* Motion */
  --ease-out:      cubic-bezier(.16, 1, .3, 1);
  --ease-spring:   cubic-bezier(.34, 1.56, .64, 1);
  --dur-fast:      160ms;
  --dur-base:      260ms;
  --dur-slow:      480ms;
}

/* ---- Reset + Base ----------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.65;
  background: #f5f8ff;
  color: var(--text-dark);
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }

/* ---- Container -------------------------------------------- */
.container {
  width: min(calc(100% - 2.5rem), var(--container));
  margin-inline: auto;
}

/* ---- Section ---------------------------------------------- */
.section        { padding: var(--section-gap) 0; }
.section--tight { padding: 20px 0 24px; }
.section--dark  { background: var(--grad-dark); color: var(--text); }
.section--soft  { background: linear-gradient(180deg, #eef5ff 0%, #f5f9ff 100%); }
.section--alt   { background: #fff; }

/* ---- Typography ------------------------------------------- */
h1, h2, h3, h4 {
  font-family: var(--font-display);
  line-height: 1.12;
  font-weight: 700;
  margin: 0 0 10px;
}
h1 { font-size: clamp(2.1rem, 4.2vw, 3.6rem); font-weight: 800; letter-spacing: -.03em; }
h2 { font-size: clamp(1.6rem, 2.8vw, 2.4rem); letter-spacing: -.02em; }
h3 { font-size: 1.15rem; letter-spacing: -.01em; }
h4 { font-size: .95rem; letter-spacing: 0; }
p { line-height: 1.65; margin: 0 0 .85rem; }

.eyebrow {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: .74rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: 10px;
}

.lead {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-mid);
  max-width: 720px;
}

.prose { max-width: 860px; }

/* ---- Buttons ---------------------------------------------- */
.button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 24px;
  border-radius: 999px;
  font-family: var(--font-display);
  font-weight: 700; font-size: .95rem;
  border: none; cursor: pointer;
  transition: transform var(--dur-base) var(--ease-out),
              box-shadow var(--dur-base) var(--ease-out),
              background var(--dur-base) ease;
  white-space: nowrap;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }

.btn-primary {
  background: var(--grad-primary);
  color: #fff;
  box-shadow: 0 8px 28px rgba(58,180,245,.32);
}
.btn-primary:hover { box-shadow: 0 12px 36px rgba(58,180,245,.44); }

.btn-secondary {
  background: rgba(255,255,255,.09);
  color: var(--text);
  border: 1px solid rgba(255,255,255,.16);
}
.btn-secondary:hover { background: rgba(255,255,255,.14); }

.btn-outline {
  background: transparent;
  color: var(--primary);
  border: 1.5px solid var(--primary);
}
.btn-outline:hover { background: rgba(58,180,245,.08); }

.btn-sm { min-height: 38px; padding: 0 18px; font-size: .875rem; }
.btn-lg { min-height: 58px; padding: 0 34px; font-size: 1.05rem; }

/* ---- Pills / Tags ----------------------------------------- */
.pill {
  display: inline-flex; align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(58,180,245,.13);
  color: var(--primary);
  font-family: var(--font-mono);
  font-size: .78rem; font-weight: 500;
  letter-spacing: .06em;
}
.pill--violet { background: rgba(110,108,255,.14); color: #8b89ff; }
.pill--green  { background: rgba(20,200,168,.13);  color: var(--accent); }
.pill--amber  { background: rgba(245,166,35,.13);  color: var(--accent-warm); }

/* ---- Layout helpers --------------------------------------- */
.split {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 36px;
  align-items: center;
}
.split--even { grid-template-columns: 1fr 1fr; }
.split--hero { gap: 42px; }

.card-grid       { display: grid; gap: 18px; }
.card-grid--2    { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card-grid--3    { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card-grid--4    { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.card-grid--5    { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.section-heading { max-width: 760px; margin-bottom: 16px; }
.section-heading p { color: var(--text-muted); max-width: 600px; }

/* ---- Card primitives -------------------------------------- */
.glass-card {
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(255,255,255,.50);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: var(--shadow-sm);
}

.card-dark {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: var(--radius);
  padding: 20px;
}

.content-card {
  background: #fff;
  border: 1px solid #dde8f6;
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow-sm);
  transition: transform var(--dur-base) var(--ease-out),
              box-shadow var(--dur-base) var(--ease-out);
}
.content-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }

.feature-card {
  background: #fff;
  border: 1px solid #e0eaf6;
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: 0 4px 16px rgba(15,30,55,.06);
  transition: transform var(--dur-base) var(--ease-out),
              box-shadow var(--dur-base) var(--ease-out);
}
.feature-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }

/* ---- Scroll reveal ---------------------------------------- */
[data-reveal] {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity var(--dur-slow) var(--ease-out),
              transform var(--dur-slow) var(--ease-out);
}
[data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}
[data-reveal-delay="1"] { transition-delay: 80ms; }
[data-reveal-delay="2"] { transition-delay: 160ms; }
[data-reveal-delay="3"] { transition-delay: 240ms; }
[data-reveal-delay="4"] { transition-delay: 320ms; }

/* ---- Misc ------------------------------------------------- */
.service-pillars {
  display: flex; flex-wrap: wrap; gap: 10px;
  padding: 0; margin: 20px 0 0; list-style: none;
}
.service-pillars li {
  padding: 8px 14px; border-radius: 999px;
  background: rgba(58,180,245,.10);
  border: 1px solid rgba(58,180,245,.20);
  color: #a8d8f8; font-size: .875rem; font-weight: 500;
}
.tag-cloud { display: flex; flex-wrap: wrap; gap: 10px; }
.text-link { font-weight: 700; color: var(--primary-deep); }
.text-link:hover { text-decoration: underline; }
.icon-list { padding-left: 1.2rem; }
.flow-list { padding-left: 1.1rem; color: var(--text-mid); }
.flow-list li { margin-bottom: .5rem; }
.stack-card-group { display: grid; gap: 16px; }

/* ---- Responsive base -------------------------------------- */
@media (max-width: 1024px) {
  .split, .card-grid--3, .card-grid--5 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
  :root { --section-gap: 28px; }
  .split, .card-grid--2, .card-grid--3, .card-grid--4, .card-grid--5 { grid-template-columns: 1fr; }
  .section { padding: var(--section-gap) 0; }
  h1 { font-size: clamp(1.8rem, 7vw, 2.6rem); }
}

/* ---- Reduced motion --------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms;
    transition-duration: .01ms;
  }
  [data-reveal] { opacity: 1; transform: none; }
}


/* ============================================================
   COLLABLYNX PRO — Components v3
   Header · Footer · Hero · Cards · Navigation · Modals
   ============================================================ */

/* ---- Utility Strip ---------------------------------------- */
.utility-strip {
  background: rgba(7,16,30,.82);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line-light);
  color: var(--text);
  font-size: .875rem;
}
.utility-strip__inner {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 40px;
}
.utility-strip__links { display: flex; gap: 20px; }
.utility-strip__links a { color: var(--text-mid); transition: color var(--dur-fast); }
.utility-strip__links a:hover { color: var(--primary); }

/* ---- Site Header ------------------------------------------ */
.site-header {
  position: sticky; top: 0; z-index: 200;
  background: rgba(7,16,30,.72);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  transition: background var(--dur-base) ease, box-shadow var(--dur-base) ease;
}
.site-header.is-scrolled {
  background: rgba(7,16,30,.94);
  box-shadow: 0 4px 24px rgba(0,0,0,.22);
}
.site-header__inner {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  min-height: 76px;
}

/* Branding */
.site-branding a, .site-title {
  font-family: var(--font-display);
  font-size: 1.08rem; font-weight: 800;
  color: #fff; letter-spacing: -.02em;
}
.site-branding img { max-height: 44px; width: auto; }

/* Primary nav */
.menu {
  display: flex; list-style: none; padding: 0; margin: 0; gap: 4px;
}
.menu a { color: var(--text-mid); opacity: 1; font-size: .95rem; font-weight: 500; }

/* Mega menu */
.menu--primary.menu--mega { gap: 2px; align-items: center; }
.menu--primary.menu--mega > li { position: relative; }
.menu--primary.menu--mega > li > a {
  display: flex; align-items: center; gap: 4px;
  min-height: 44px; padding: 0 14px;
  border-radius: var(--radius-sm);
  transition: background var(--dur-fast), color var(--dur-fast);
}
.menu--primary.menu--mega > li:hover > a,
.menu--primary.menu--mega > li.current-menu-ancestor > a {
  background: rgba(255,255,255,.08); color: #fff;
}

/* Dropdowns */
.menu--primary.menu--mega > li > .sub-menu {
  list-style: none; margin: 0;
  position: absolute; left: 0; top: calc(100% + 8px);
  min-width: 280px; padding: 12px;
  background: rgba(7,16,30,.97);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--radius);
  backdrop-filter: blur(18px);
  box-shadow: var(--shadow-lg);
  display: block;
  opacity: 0; pointer-events: none;
  transform: translateY(10px);
  transition: opacity var(--dur-base) var(--ease-out),
              transform var(--dur-base) var(--ease-out);
  z-index: 300;
}
.menu--primary.menu--mega > li:hover > .sub-menu,
.menu--primary.menu--mega > li:focus-within > .sub-menu {
  opacity: 1; pointer-events: auto; transform: translateY(0);
}
.menu--primary.menu--mega > li > .sub-menu::before {
  content: none;
  display: none;
}
.menu--primary.menu--mega .sub-menu a {
  display: flex; align-items: center; gap: 12px;
  padding: 11px 14px;
  border-radius: var(--radius-sm);
  color: #ddeeff;
  transition: background var(--dur-fast);
}
.menu--primary.menu--mega .sub-menu a:hover { background: rgba(255,255,255,.08); color: #fff; }

/* Nested sub-menus */
.menu--primary.menu--mega .sub-menu li { position: relative; }
.menu--primary.menu--mega .sub-menu li > .sub-menu {
  left: 100%; top: -12px; min-width: 280px;
  opacity: 0; pointer-events: none;
  transform: translateX(10px);
  transition: opacity var(--dur-base) var(--ease-out),
              transform var(--dur-base) var(--ease-out);
}
.menu--primary.menu--mega .sub-menu li:hover > .sub-menu,
.menu--primary.menu--mega .sub-menu li:focus-within > .sub-menu {
  opacity: 1; pointer-events: auto; transform: translateX(0);
}

/* Chevrons */
.menu--primary.menu--mega > li.menu-item-has-children > a::after,
.menu--primary.menu--mega .sub-menu li.menu-item-has-children > a::after {
  content: '▾'; font-size: .65rem; opacity: .6; margin-left: 6px;
}
.menu--primary.menu--mega .sub-menu li.menu-item-has-children > a::after {
  float: right; transform: rotate(-90deg); margin-top: .3rem;
}

/* Menu icon labels */
.menu-link__icon {
  width: 34px; height: 34px; min-width: 34px;
  border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, rgba(58,180,245,.16), rgba(110,108,255,.22));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  font-size: 1rem;
}
.menu-link__label { line-height: 1.3; font-size: .9rem; }

/* Header actions */
.site-header__actions { display: flex; align-items: center; gap: 10px; }

/* Mobile toggle */
.menu-toggle {
  display: none;
  min-height: 42px; padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: transparent; color: #fff;
  font-family: var(--font-display); font-weight: 600; font-size: .9rem;
  cursor: pointer;
}

/* Mobile panel */
.mobile-panel {
  border-top: 1px solid var(--line);
  padding: 16px 20px 24px;
  background: rgba(7,16,30,.98);
}
.mobile-panel .menu { flex-direction: column; gap: 4px; }
.mobile-panel .menu a { padding: 10px 14px; border-radius: var(--radius-sm); display: block; color: var(--text-mid); }
.mobile-panel .menu a:hover { background: rgba(255,255,255,.07); color: #fff; }
.mobile-panel .sub-menu { display: none; padding-left: 16px; }
.mobile-panel .menu-item-has-children.is-open > .sub-menu { display: block; }
.mobile-panel .menu-link__icon { width: 28px; height: 28px; min-width: 28px; border-radius: 8px; }

/* ---- Hero ------------------------------------------------- */
.page-hero {
  padding: 60px 0 44px;
  background: var(--grad-dark);
  color: var(--text);
  position: relative; overflow: hidden;
}
.page-hero--rich { overflow: hidden; }

/* Home hero */
.home-hero {
  position: relative;
  padding: 56px 0 56px;
  background: var(--grad-hero);
  color: var(--text);
  overflow: hidden;
}

/* Animated orbs */
.hero-orb {
  position: absolute; border-radius: 50%;
  pointer-events: none; z-index: 0;
  filter: blur(70px);
  animation: orbFloat 12s ease-in-out infinite alternate;
}
.hero-orb--1 {
  width: 500px; height: 500px; top: -120px; left: -80px;
  background: radial-gradient(circle, rgba(58,180,245,.22) 0%, transparent 70%);
  animation-duration: 14s;
}
.hero-orb--2 {
  width: 400px; height: 400px; top: 60px; right: -60px;
  background: radial-gradient(circle, rgba(110,108,255,.18) 0%, transparent 70%);
  animation-duration: 11s; animation-delay: -4s;
}
.hero-orb--3 {
  width: 300px; height: 300px; bottom: -80px; left: 40%;
  background: radial-gradient(circle, rgba(20,200,168,.14) 0%, transparent 70%);
  animation-duration: 16s; animation-delay: -8s;
}
@keyframes orbFloat {
  from { transform: translate(0, 0) scale(1); }
  to   { transform: translate(30px, -20px) scale(1.08); }
}

.home-hero > .container { position: relative; z-index: 1; }

/* Card collage */
.hero-collage { position: relative; min-height: 520px; }
.hero-screen {
  position: absolute; inset: 60px 0 0 50px;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(18px);
  padding: 24px;
  animation: heroScreenFade .8s var(--ease-out) .2s both;
}
@keyframes heroScreenFade { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

.hero-screen__top { height: 11px; width: 140px; border-radius: 999px; background: rgba(255,255,255,.12); margin-bottom: 16px; }
.hero-chart {
  height: 180px; border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(58,180,245,.22), rgba(110,108,255,.08)),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: auto, 34px 34px, 34px 34px;
  position: relative; overflow: hidden;
}
.hero-chart::after {
  content: '';
  position: absolute; inset: auto 8% 14% 8%; height: 42%;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, rgba(58,180,245,.45), rgba(110,108,255,.55));
  filter: blur(10px);
}

.hero-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 14px; }
.hero-kpis div {
  background: rgba(255,255,255,.07); border-radius: 14px; padding: 12px;
  border: 1px solid rgba(255,255,255,.06);
}
.hero-kpis span { display: block; color: #a8c8e8; font-size: .82rem; }
.hero-kpis strong { display: block; color: #fff; font-size: 1.2rem; font-family: var(--font-display); font-weight: 700; margin-top: 3px; }

/* Floating cards */
.card-float {
  position: absolute; min-width: 190px;
  background: rgba(255,255,255,.90);
  color: var(--text-dark);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  border: 1px solid rgba(255,255,255,.6);
  backdrop-filter: blur(12px);
}
.card-float h4 { font-size: .95rem; margin: 0 0 2px; font-family: var(--font-display); }
.card-float span { display: block; color: #5a7298; font-size: .82rem; }
.card-float strong { display: block; font-size: 1.35rem; font-family: var(--font-display); font-weight: 800; color: var(--primary-deep); }
.card-float--1 { top: 12px; right: 16px; animation: floatA 6s ease-in-out infinite; }
.card-float--2 { bottom: 96px; left: -4px; animation: floatB 7s ease-in-out infinite; }
.card-float--3 { bottom: 12px; right: 32px; animation: floatA 8s ease-in-out infinite .5s; }
.card-float--4 { top: 44%; right: -18px; animation: floatB 6.5s ease-in-out infinite .3s; }
.glass-card--ai { border: 1px solid rgba(124,92,255,.35); }
.glass-card--ai strong { background: linear-gradient(135deg,#7c5cff,#23d5c3); -webkit-background-clip: text; background-clip: text; color: transparent; }
@keyframes floatA { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes floatB { 0%,100% { transform: translateY(0); } 50% { transform: translateY(6px); } }

/* Proof list */
.proof-list {
  display: grid; grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px; list-style: none; padding: 0; margin: 28px 0 0;
}
.proof-list li {
  padding: 12px 14px; border-radius: 14px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.09);
  font-size: .875rem; color: var(--text-mid);
}

/* ---- Dashboard / Mock panels ------------------------------ */
.dashboard-frame {
  background: var(--bg-soft); border-radius: var(--radius-lg);
  padding: 20px; color: var(--text);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: var(--shadow);
}
.dashboard-toolbar { display: flex; gap: 8px; margin-bottom: 14px; }
.dashboard-toolbar span { width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,.22); }
.dashboard-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 14px; }
.widget {
  min-height: 120px; border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(58,180,245,.14), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.08);
}
.widget--wide { min-height: 180px; }

.mock-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.16);
  border-radius: var(--radius-lg); padding: 24px;
}
.mock-panel__screen {
  background: #071223; color: #fff;
  border-radius: var(--radius); padding: 24px; min-height: 260px;
}
.status-pill {
  display: inline-block; padding: 8px 14px;
  background: rgba(58,180,245,.16); border-radius: 999px;
  color: #7dd7ff; font-family: var(--font-mono); font-size: .8rem; font-weight: 500;
  margin-bottom: 14px;
}
.metric-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.07);
  font-size: .9rem; color: var(--text-mid);
}
.metric-row strong { color: #fff; font-family: var(--font-display); font-weight: 700; }

/* ---- Product mockup gallery ------------------------------- */
.mockup-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.product-shot {
  background: linear-gradient(180deg, #09132a, #102050);
  border: 1px solid rgba(255,255,255,.08); border-radius: var(--radius-lg);
  overflow: hidden; box-shadow: var(--shadow);
}
.product-shot__top { display: flex; gap: 8px; padding: 14px 18px; border-bottom: 1px solid rgba(255,255,255,.07); }
.product-shot__top span { width: 10px; height: 10px; border-radius: 999px; background: rgba(255,255,255,.30); }
.product-shot__body { padding: 20px; color: #fff; }
.product-shot__badge {
  display: inline-flex; padding: 7px 12px; border-radius: 999px;
  background: rgba(58,180,245,.16); color: #b8ecff;
  font-family: var(--font-mono); font-size: .78rem; font-weight: 500; margin-bottom: 14px;
}
.product-shot__chart {
  height: 150px; border-radius: var(--radius);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 150'%3E%3Cg fill='%233ab4f5' fill-opacity='.88'%3E%3Crect x='14' y='70' width='24' height='60' rx='4'/%3E%3Crect x='50' y='40' width='24' height='90' rx='4'/%3E%3Crect x='86' y='85' width='24' height='45' rx='4'/%3E%3Crect x='122' y='25' width='24' height='105' rx='4'/%3E%3Crect x='158' y='55' width='24' height='75' rx='4'/%3E%3Crect x='194' y='65' width='24' height='65' rx='4'/%3E%3Crect x='230' y='35' width='24' height='95' rx='4'/%3E%3Crect x='266' y='50' width='24' height='80' rx='4'/%3E%3C/g%3E%3Cpath d='M14 78 L50 50 L86 92 L122 38 L158 62 L194 72 L230 42 L266 58' stroke='%23a78bfa' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' opacity='.95'/%3E%3C/svg%3E") center/78% no-repeat,
    linear-gradient(180deg, rgba(58,180,245,.20), rgba(110,108,255,.08)),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 78%, auto, 30px 30px, 30px 30px;
  position: relative; overflow: hidden;
}
.product-shot__rows { display: grid; gap: 8px; margin-top: 14px; }
.product-shot__rows div {
  height: auto; border-radius: 8px; background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.07);
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 12px; font-size: .78rem; color: var(--text-mid);
}
.product-shot__rows div::after { color: #fff; font-family: var(--font-display); font-weight: 700; font-size: .82rem; }
.product-shot__rows div:nth-child(1)::before { content: 'Health Score'; }
.product-shot__rows div:nth-child(1)::after { content: '96%'; }
.product-shot__rows div:nth-child(2)::before { content: 'Automations'; }
.product-shot__rows div:nth-child(2)::after { content: '24'; }
.product-shot__rows div:nth-child(3)::before { content: 'Open Alerts'; }
.product-shot__rows div:nth-child(3)::after { content: '7'; }
.product-shot__caption { display: flex; flex-direction: column; gap: 3px; padding: 0 20px 20px; color: #c8dff8; }
.product-shot__caption strong { color: #fff; font-family: var(--font-display); font-weight: 600; }

/* ---- Comparison tabs -------------------------------------- */
.comparison-tabs {
  background: #fff; border: 1px solid #dde8f6;
  border-radius: var(--radius-xl); padding: 28px;
  box-shadow: 0 16px 40px rgba(10,31,68,.08);
}
.comparison-tabs__nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.comparison-tabs__btn {
  display: inline-flex; align-items: center; gap: 10px;
  min-height: 50px; padding: 0 20px; border-radius: 999px;
  border: 1px solid #ccdaee; background: #f5faff;
  color: #153454; font-family: var(--font-display); font-weight: 700; cursor: pointer;
  transition: transform var(--dur-base) var(--ease-out),
              box-shadow var(--dur-base), background var(--dur-base);
}
.comparison-tabs__btn:hover { transform: translateY(-1px); }
.comparison-tabs__btn.is-active {
  background: var(--grad-primary); color: #fff;
  border-color: transparent;
  box-shadow: 0 8px 24px rgba(58,180,245,.28);
}
.comparison-tabs__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 999px;
  background: rgba(255,255,255,.18);
}
.comparison-tabs__panel { animation: tabFadeUp .26s var(--ease-out); }
.comparison-tabs__intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.comparison-tabs__intro h3 { font-size: 1.3rem; margin: 0; }
@keyframes tabFadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Comparison table */
.comparison-table-wrap { overflow-x: auto; border-radius: var(--radius); border: 1px solid #dde8f4; background: #fff; }
.comparison-table { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 760px; }
.comparison-table th, .comparison-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid #e8eff8; }
.comparison-table thead th {
  background: linear-gradient(180deg, #f6fbff, #ecf4ff);
  font-family: var(--font-display); font-size: .9rem; color: #163450;
  position: sticky; top: 0; z-index: 1;
}
.comparison-table tbody tr:last-child td { border-bottom: none; }
.comparison-table th:first-child, .comparison-table td:first-child { font-weight: 600; color: #163450; width: 24%; }
.comparison-table .is-featured { background: linear-gradient(180deg, rgba(58,180,245,.08), rgba(110,108,255,.06)); }

/* ---- Architecture panel ----------------------------------- */
.architecture-panel {
  display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px;
  background: #fff; border: 1px solid #dde8f4;
  border-radius: var(--radius-xl); padding: 30px;
  box-shadow: var(--shadow);
}
.arch-diagram { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; align-content: start; }
.arch-node {
  min-height: 64px; border: none; border-radius: var(--radius);
  background: #eff6ff; color: #153454;
  font-family: var(--font-display); font-weight: 700; font-size: .95rem;
  cursor: pointer;
  transition: background var(--dur-base), color var(--dur-base), transform var(--dur-fast) var(--ease-spring);
}
.arch-node:hover { background: #dbeeff; transform: scale(1.02); }
.arch-node.is-active { background: var(--grad-primary); color: #fff; box-shadow: 0 6px 20px rgba(58,180,245,.28); }
.arch-copy { display: none; }
.arch-copy.is-active { display: block; animation: tabFadeUp .24s var(--ease-out); }
.arch-copy h3 { font-size: 1.4rem; margin-bottom: 10px; }
.arch-copy p { color: var(--text-muted); }

/* ---- Metrics band ----------------------------------------- */
.metrics-band { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.metrics-band__item {
  background: linear-gradient(135deg, #07101e, #112048);
  color: #fff; padding: 24px; border-radius: var(--radius-lg);
  border: 1px solid rgba(255,255,255,.08); box-shadow: var(--shadow);
}
.metrics-band__item span { display: block; color: #a0bde0; font-size: .875rem; margin-bottom: 10px; }
.metrics-band__item strong { display: block; font-family: var(--font-display); font-size: 1.75rem; font-weight: 800; line-height: 1.15; }
.metrics-band--landing .metrics-band__item strong { font-size: 1.35rem; }

/* Metric card (dark section) */
.metric-card { background: rgba(255,255,255,.07); padding: 24px; border-radius: var(--radius-lg); border: 1px solid rgba(255,255,255,.09); text-align: center; }
.metric-card strong { display: block; font-family: var(--font-display); font-size: 2.6rem; font-weight: 800; color: #fff; margin-bottom: 8px; }
.metric-card span { color: var(--text-mid); font-size: .9rem; line-height: 1.4; }

/* ---- Story slider ----------------------------------------- */
.story-slider { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.slider-card { opacity: .65; transform: scale(.982); transition: opacity .3s ease, transform .3s ease; }
.slider-card.is-active { opacity: 1; transform: scale(1); }

/* ---- Final CTA -------------------------------------------- */
.final-cta__box {
  display: flex; align-items: center; justify-content: space-between; gap: 32px;
  padding: 28px 32px; border-radius: var(--radius-xl);
  background: linear-gradient(135deg, #07101e, #0d2040);
  border: 1px solid rgba(255,255,255,.10);
  color: var(--text); box-shadow: var(--shadow-lg);
}
.final-cta__box h2 { font-size: clamp(1.5rem, 2.5vw, 2rem); margin-bottom: 6px; }
.final-cta__box p { color: var(--text-mid); margin: 0; }

/* ---- Site Footer ------------------------------------------ */
.site-footer { background: #05101d; color: var(--text); padding-top: 48px; }
.footer-mega { display: grid; grid-template-columns: 1.1fr 1.9fr; gap: 32px; align-items: start; }
.footer-brand-block {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--radius-lg); padding: 28px;
}
.footer-brand-block h3 { font-family: var(--font-display); font-weight: 800; font-size: 1.3rem; margin-bottom: 10px; }
.footer-brand-block p { color: var(--text-muted); font-size: .9rem; }
.footer-pill-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.footer-mega__menus { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.footer-mega__menus > div {
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.05);
  border-radius: var(--radius); padding: 22px;
}
.footer-mega__menus h4 { font-family: var(--font-display); font-size: .95rem; font-weight: 700; color: #fff; margin-bottom: 14px; }
.footer-menu { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; }
.footer-menu a { color: var(--text-muted); font-size: .875rem; transition: color var(--dur-fast); }
.footer-menu a:hover { color: var(--primary); }
.site-footer__bottom {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 22px 0; border-top: 1px solid rgba(255,255,255,.07); margin-top: 32px;
  font-size: .875rem; color: var(--text-muted);
}
.site-footer__legal { display: flex; gap: 18px; }
.site-footer__legal a { color: var(--text-muted); transition: color var(--dur-fast); }
.site-footer__legal a:hover { color: var(--primary); }

/* ---- Proof cards ------------------------------------------ */
.proof-card {
  background: linear-gradient(180deg, #fff, #f8fbff);
  border: 1px solid #dce8f5; border-radius: var(--radius);
  padding: 24px; font-family: var(--font-display); font-weight: 700;
  text-align: center; box-shadow: var(--shadow-sm);
}
.proof-card .proof-number { display: block; font-size: 2rem; font-weight: 800; color: var(--primary-deep); }

/* ---- Card media ------------------------------------------- */
.feature-card__media { margin-bottom: 18px; border-radius: var(--radius); overflow: hidden; }
.feature-card__media img { width: 100%; }
.feature-card__body {}
.feature-card--service .feature-card__body { padding-top: 16px; }
.content-card--product, .content-card--story { min-height: 260px; display: flex; flex-direction: column; }
.content-card--product .text-link, .content-card--story .text-link { margin-top: auto; display: inline-block; padding-top: 12px; }

/* ---- Service showcase ------------------------------------ */
.service-showcase-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }

/* ---- Breadcrumb ------------------------------------------- */
.breadcrumb-lite { color: #a0b8d8; font-size: .875rem; margin: 8px 0 14px; }
.breadcrumb-lite a { color: var(--text-mid); transition: color var(--dur-fast); }
.breadcrumb-lite a:hover { color: var(--primary); }
.breadcrumb-lite span { opacity: .5; margin: 0 6px; }

/* ---- Story sections --------------------------------------- */
.story-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 32px; }
.story-rail { display: grid; gap: 16px; align-content: start; }
.story-section-card {
  background: #fff; border: 1px solid #dce8f4;
  border-radius: var(--radius-lg); padding: 28px;
  box-shadow: 0 8px 24px rgba(10,30,68,.07); margin-bottom: 20px;
}
.story-section-card h2 { font-size: 1.45rem; }

/* ---- Section grid ---------------------------------------- */
.section-grid-2 { display: grid; grid-template-columns: 1.1fr .9fr; gap: 36px; align-items: start; }
.content-block {
  background: linear-gradient(180deg, rgba(7,20,45,.88), rgba(7,20,45,.70));
  border: 1px solid rgba(110,163,255,.14);
  border-radius: var(--radius-lg); padding: 30px; color: var(--text);
}
.content-block h2 { color: #fff; margin-top: 0; }
.content-block .flow-list { color: var(--text-mid); }

/* ---- Forms ----------------------------------------------- */
.clynx-form-shell {
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-lg); padding: 24px;
}
.clynx-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.clynx-form-grid p { margin: 0; }
.clynx-form-grid p.full { grid-column: 1 / -1; }
.clynx-form label { display: block; margin: 0 0 8px; font-weight: 600; color: #e8f2ff; font-size: .9rem; }
.clynx-form label span { color: var(--primary); margin-left: 4px; }
.clynx-form input, .clynx-form textarea, .clynx-form select {
  width: 100%; border-radius: var(--radius);
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(7,16,32,.72);
  color: #fff; padding: 13px 16px;
  font-family: var(--font-body); font-size: .95rem;
  transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
.clynx-form input:focus, .clynx-form textarea:focus, .clynx-form select:focus {
  outline: none;
  border-color: rgba(58,180,245,.55);
  box-shadow: 0 0 0 3px rgba(58,180,245,.12);
}
.clynx-form select option { background: #0d1a30; }
.clynx-form-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 20px; }
.clynx-form-meta { color: var(--text-muted); font-size: .875rem; }
.clynx-form-notice { border-radius: var(--radius-sm); padding: 13px 16px; margin-bottom: 16px; font-weight: 600; font-size: .9rem; }
.clynx-form-notice.success { background: rgba(22,163,74,.13); border: 1px solid rgba(22,163,74,.24); color: #c7ffd9; }
.clynx-form-notice.error   { background: rgba(220,38,38,.12);  border: 1px solid rgba(220,38,38,.24);  color: #ffd4d4; }
.honeypot { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* ---- Pagination ------------------------------------------- */
.pagination-wrap { display: flex; justify-content: center; margin-top: 36px; }
.pagination-wrap .page-numbers { display: inline-flex; gap: 8px; }
.pagination-wrap a, .pagination-wrap span.current {
  padding: 10px 16px; border-radius: var(--radius-sm);
  background: #fff; border: 1px solid #dde8f6;
  color: #153454; font-size: .875rem;
  transition: all var(--dur-fast);
}
.pagination-wrap .current { background: var(--primary); border-color: var(--primary); color: #fff; }
.pagination-wrap a:hover { background: #eef5ff; border-color: var(--primary); color: var(--primary); }

/* ---- Responsive ------------------------------------------- */
@media (max-width: 1180px) {
  .footer-mega, .footer-mega__menus, .metrics-band { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1024px) {
  .story-slider, .architecture-panel, .mockup-gallery { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
  .menu--primary.menu--mega, .site-header__actions .btn { display: none; }
  .menu-toggle { display: inline-flex; }
  .hero-screen { position: relative; inset: auto; margin-top: 24px; }
  .card-float { position: relative; top: auto; right: auto; left: auto; bottom: auto; margin: 0 0 12px; }
  .hero-collage { min-height: unset; }
  .final-cta__box { flex-direction: column; align-items: flex-start; padding: 28px; }
  .service-showcase-grid { grid-template-columns: 1fr; }
  /* Mobile mega-menu overrides */
  .menu--primary.menu--mega > li > .sub-menu {
    position: static; min-width: 100%;
    opacity: 1; pointer-events: auto; transform: none;
    background: transparent; border: none; box-shadow: none;
    padding: 0 0 0 16px; display: none;
  }
  .mobile-panel .menu-item-has-children.is-open > .sub-menu { display: block; }
}
@media (max-width: 767px) {
  .comparison-tabs { padding: 18px; border-radius: var(--radius-lg); }
  .comparison-tabs__nav { display: grid; grid-template-columns: 1fr; }
  .comparison-tabs__intro { display: block; }
  .comparison-tabs__intro .btn { margin-top: 12px; }
  .mockup-gallery, .story-slider, .architecture-panel, .footer-mega, .footer-mega__menus, .metrics-band { grid-template-columns: 1fr; }
  .section-grid-2, .story-grid { grid-template-columns: 1fr; }
  .clynx-form-grid { grid-template-columns: 1fr; }
  .proof-list { grid-template-columns: 1fr; }
  .hero-collage { display: none; }
}


/* v5.5.7 refinements: darker product heroes, smaller titles, editable mockup images, slim footer, back-to-top */
.page-hero--product-cat {
  background:
    radial-gradient(circle at 14% 18%, rgba(34,211,238,.32), transparent 34%),
    radial-gradient(circle at 78% 18%, rgba(124,58,237,.24), transparent 32%),
    linear-gradient(135deg, #061326 0%, #081b35 52%, #0d1430 100%);
  color: #fff;
}
.page-hero--product-cat .eyebrow,
.page-hero--product-cat .breadcrumb-lite a { color: #67e8f9; }
.page-hero--product-cat h1 {
  color: #fff;
  font-size: clamp(2.1rem, 4.2vw, 3.6rem);
  line-height: 1.05;
  letter-spacing: -.03em;
  max-width: 980px;
}
.page-hero--product-cat .lead { color: rgba(229,241,255,.86); max-width: 760px; }
.page-hero--product-cat .btn-secondary { color:#eaf6ff; border-color:rgba(255,255,255,.34); background:rgba(255,255,255,.08); }
.page-hero--product-cat .container,
.page-template-page-product-category .container { margin-left:auto; margin-right:auto; max-width:1440px; }
.page-template-page-product-category .section-heading { text-align:left; margin-left:0; }
.page-template-page-product-category .section-heading p { margin-left:0; }
.product-family--cadence { background:
  radial-gradient(circle at 12% 18%, rgba(139,92,246,.42), transparent 34%),
  radial-gradient(circle at 80% 18%, rgba(6,182,212,.25), transparent 32%),
  linear-gradient(135deg, #141044 0%, #081b35 54%, #061326 100%);
}
.product-shot__image { background:#071223; padding:14px 14px 0; }
.product-shot__image img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:14px; border:1px solid rgba(255,255,255,.08); }
.site-footer { padding-top:38px; }
.footer-mega--streamlined { grid-template-columns: minmax(260px, 1.25fr) 2fr; gap:28px; }
.footer-brand-block { padding:22px; }
.footer-brand-block p { font-size:.92rem; line-height:1.55; }
.footer-mega__menus { grid-template-columns: repeat(4, minmax(120px,1fr)); gap:16px; }
.footer-mega__menus > div { padding:20px 18px; min-width:0; }
.footer-menu a { white-space:normal; overflow-wrap:anywhere; font-size:.9rem; line-height:1.35; }
.site-footer__bottom { padding:20px 0; }
.site-footer__legal { gap:18px; }
.clynx-top-button {
  position: fixed; right: 22px; bottom: 22px; z-index: 9999;
  display: inline-flex; align-items:center; gap:8px;
  border: 1px solid rgba(59,130,246,.45); border-radius:999px;
  background: linear-gradient(135deg,#4f46e5,#06b6d4); color:#fff;
  padding: 12px 16px; font-family:var(--font-display); font-weight:800;
  box-shadow: 0 18px 38px rgba(2,8,23,.22); cursor:pointer;
  opacity:0; transform:translateY(14px); pointer-events:none; transition:.2s ease;
}
.clynx-top-button.is-visible { opacity:1; transform:translateY(0); pointer-events:auto; }
.clynx-top-button:focus-visible { outline:3px solid rgba(103,232,249,.85); outline-offset:3px; }
@media(max-width:900px){
  .footer-mega--streamlined, .footer-mega__menus { grid-template-columns:1fr; }
  .clynx-top-button span { display:none; }
}

/* v5.5.8 refinements: footer-safe top button, colorful product pages, editable content pills */
.clynx-top-button{
  right: clamp(14px, 2vw, 28px);
  bottom: clamp(78px, 8vh, 112px);
  padding: 10px 14px;
  min-width: 0;
  line-height: 1;
}
body.is-footer-visible .clynx-top-button{
  bottom: calc(clamp(78px, 8vh, 112px) + 48px);
}
.site-footer{padding-bottom:84px;}
.footer-mega--streamlined{grid-template-columns:minmax(260px,.95fr) minmax(0,1.55fr);align-items:start;}
.footer-mega__menus--compact{grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;}
.footer-mega__menus--compact>div{padding:16px 14px;min-height:0;}
.footer-mega__menus--compact h4{font-size:.9rem;margin-bottom:10px;}
.footer-mega__menus--compact .footer-menu{display:grid;gap:8px;}
.footer-mega__menus--compact .footer-menu a{font-size:.84rem;line-height:1.22;white-space:normal;word-break:normal;overflow-wrap:break-word;}
.site-footer__legal{padding-right:118px;}
@media(max-width:900px){
  .clynx-top-button{bottom:74px;right:14px;width:44px;height:44px;justify-content:center;padding:0;}
  .site-footer__legal{padding-right:0;}
}

/* Products landing v5.5.8 */
.products-hero-v558{background:radial-gradient(circle at 14% 18%,rgba(6,182,212,.34),transparent 32%),radial-gradient(circle at 86% 8%,rgba(124,58,237,.28),transparent 30%),linear-gradient(135deg,#061326 0%,#0b1b3d 52%,#151044 100%);color:#fff;}
.products-hero-v558 h1,.products-hero-v558 .lead,.products-hero-v558 .eyebrow{color:#fff;}
.product-capability-strip{padding-top:40px;padding-bottom:24px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);}
.pill-matrix--universal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.pill-matrix--universal article{position:relative;overflow:hidden;padding:18px 20px;border-radius:24px;background:linear-gradient(135deg,#ffffff,#f1f7ff);border:1px solid rgba(37,99,235,.16);box-shadow:0 18px 48px rgba(15,23,42,.08);}
.pill-matrix--universal article:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#06b6d4,#2563eb,#7c3aed);}
.pill-matrix--universal span{display:inline-flex;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#e0f7ff;color:#0891b2;border:1px solid rgba(6,182,212,.24);font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em;}
.pill-matrix--universal strong{display:block;color:#0f172a;font-size:.98rem;line-height:1.45;}
.section-heading--left{text-align:left;margin-left:0;margin-right:auto;}
.section-heading--left p{margin-left:0;margin-right:auto;}
.product-family-stack-v558{display:grid;gap:24px;}
.family-panel{display:grid;grid-template-columns:.82fr 1.6fr;gap:24px;align-items:stretch;position:relative;overflow:hidden;border-radius:32px;padding:24px;background:#fff;border:1px solid rgba(37,99,235,.14);box-shadow:0 24px 70px rgba(15,23,42,.10);}
.family-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed);}
.family-panel--violet:before{background:linear-gradient(90deg,#7c3aed,#2563eb,#06b6d4);}
.family-panel__intro{position:relative;padding:22px;border-radius:24px;background:linear-gradient(135deg,#071223,#122244);color:#fff;}
.family-panel__intro h3{color:#fff;font-size:clamp(1.6rem,2.4vw,2.25rem);margin:16px 0 10px;}
.family-panel__intro p{color:#cbd5e1;line-height:1.55;margin-bottom:18px;}
.family-panel__intro .text-link{color:#67e8f9;}
.edition-card-grid-v558{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.edition-card-v558{display:flex;flex-direction:column;min-height:280px;padding:22px;border-radius:24px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(37,99,235,.15);box-shadow:0 16px 42px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease;}
.edition-card-v558:hover{transform:translateY(-5px);box-shadow:0 26px 72px rgba(37,99,235,.16);}
.edition-card-v558 h4{font-size:1.18rem;margin:0 0 12px;color:#0f172a;}
.deployment-badges--light span{background:#e0f7ff;color:#075985;border-color:rgba(6,182,212,.22);}
.capability-pills-list{list-style:none;margin:14px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.capability-pills-list li{display:inline-flex;padding:8px 10px;border-radius:999px;background:#eef2ff;color:#1e3a8a;border:1px solid rgba(37,99,235,.16);font-size:.82rem;font-weight:800;line-height:1;}
.edition-card-v558 .btn{margin-top:auto;align-self:flex-start;}

/* Colorize editable product detail content. Editors can keep using headings/lists; theme converts them into polished blocks. */
.page-template-page-product-detail .content-block,.single-clynx_product .content-block{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(37,99,235,.13);border-radius:28px;box-shadow:0 22px 70px rgba(15,23,42,.08);padding:32px;}
.page-template-page-product-detail .content-block h1,.single-clynx_product .content-block h1{font-size:clamp(2.25rem,4vw,4rem);line-height:.98;color:#071223;margin-bottom:18px;}
.page-template-page-product-detail .content-block h2,.single-clynx_product .content-block h2{display:inline-flex;align-items:center;gap:8px;margin:24px 0 12px;padding:9px 13px;border-radius:999px;background:linear-gradient(135deg,#e0f7ff,#eef2ff);color:#0369a1;border:1px solid rgba(6,182,212,.24);font-size:.88rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950;}
.page-template-page-product-detail .content-block h2:before,.single-clynx_product .content-block h2:before{content:"•";font-size:1.2rem;color:#06b6d4;line-height:1;}
.page-template-page-product-detail .content-block p,.single-clynx_product .content-block p{color:#334155;font-size:1rem;line-height:1.65;}
.page-template-page-product-detail .content-block ul,.single-clynx_product .content-block ul{list-style:none;padding:0;margin:14px 0 22px;display:flex;flex-wrap:wrap;gap:10px;border:0;box-shadow:none;}
.page-template-page-product-detail .content-block li,.single-clynx_product .content-block li{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;background:#eef2ff;color:#1e3a8a;border:1px solid rgba(37,99,235,.16);font-size:.9rem;font-weight:820;line-height:1.2;}
.page-template-page-product-detail .content-block li:before,.single-clynx_product .content-block li:before{content:"✓";margin-right:7px;color:#0891b2;font-weight:950;}

@media(max-width:1100px){.family-panel{grid-template-columns:1fr}.edition-card-grid-v558,.pill-matrix--universal{grid-template-columns:1fr}.footer-mega--streamlined{grid-template-columns:1fr}.footer-mega__menus--compact{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.footer-mega__menus--compact{grid-template-columns:1fr}.family-panel{padding:16px}.edition-card-grid-v558{grid-template-columns:1fr}.page-template-page-product-detail .content-block,.single-clynx_product .content-block{padding:22px;}}

/* v5.5.9 hard fixes: force colorful Products directory + universal product-detail pills */
.products-hero-v559{background:radial-gradient(circle at 14% 18%,rgba(6,182,212,.38),transparent 32%),radial-gradient(circle at 86% 8%,rgba(124,58,237,.32),transparent 30%),linear-gradient(135deg,#061326 0%,#0b1b3d 52%,#151044 100%);color:#fff;}
.products-hero-v559 h1,.products-hero-v559 .lead,.products-hero-v559 .eyebrow{color:#fff;}
.product-capability-strip-v559{padding-top:42px;padding-bottom:18px;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);}
.products-directory-v559{padding-top:48px;background:linear-gradient(180deg,#ffffff 0%,#f5faff 100%);}
.product-family-stack-v559{display:grid;gap:26px;}
.family-panel-v559{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.62fr);gap:24px;align-items:stretch;position:relative;overflow:hidden;border-radius:32px;padding:24px;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid rgba(37,99,235,.16);box-shadow:0 24px 70px rgba(15,23,42,.10);}
.family-panel-v559:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed);}
.family-panel-v559--violet:before{background:linear-gradient(90deg,#7c3aed,#2563eb,#06b6d4);}
.family-panel-v559__intro{position:relative;padding:24px;border-radius:24px;background:linear-gradient(135deg,#061326,#10264e);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
.family-panel-v559--violet .family-panel-v559__intro{background:linear-gradient(135deg,#150f3f,#09284c);}
.family-panel-v559__intro h3{color:#fff;font-size:clamp(1.65rem,2.4vw,2.3rem);margin:16px 0 10px;line-height:1.05;}
.family-panel-v559__intro p{color:#cbd5e1;line-height:1.55;margin-bottom:18px;}
.edition-card-grid-v559{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.edition-card-v559{display:flex;flex-direction:column;min-height:292px;padding:22px;border-radius:24px;background:linear-gradient(180deg,#ffffff,#f7fbff);border:1px solid rgba(37,99,235,.16);box-shadow:0 16px 42px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease;}
.edition-card-v559:hover{transform:translateY(-5px);box-shadow:0 26px 72px rgba(37,99,235,.16);}
.edition-card-v559--violet{background:linear-gradient(180deg,#ffffff,#f7f5ff);border-color:rgba(124,58,237,.18);}
.edition-card-v559 h4{font-size:1.18rem;line-height:1.18;margin:14px 0 12px;color:#071223;}
.edition-card-v559__badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;}
.edition-card-v559__badge-row span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e0f7ff;color:#075985;border:1px solid rgba(6,182,212,.25);font-size:.72rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase;}
.edition-card-v559--violet .edition-card-v559__badge-row span{background:#ede9fe;color:#5b21b6;border-color:rgba(124,58,237,.22);}
.capability-pills-list--v559{list-style:none;margin:8px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.capability-pills-list--v559 li{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:#eff6ff;color:#1e3a8a;border:1px solid rgba(37,99,235,.16);font-size:.8rem;font-weight:850;line-height:1.12;}
.edition-card-v559--violet .capability-pills-list--v559 li{background:#f5f3ff;color:#5b21b6;border-color:rgba(124,58,237,.16);}
.edition-card-v559 .text-link{margin-top:auto;font-weight:950;color:#2563eb;}
.product-detail-pills-section{padding-top:42px;padding-bottom:10px;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);}
.product-detail-pills-v559 article{min-height:132px;}
.page-template-page-product-detail-php .content-block,.page-template-page-product-detail .content-block,.single-clynx_product .content-block,.page-child.parent-pageid-products .content-block{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(37,99,235,.14);border-radius:28px;box-shadow:0 22px 70px rgba(15,23,42,.08);padding:32px;}
.page-template-page-product-detail-php .content-block h2,.page-template-page-product-detail .content-block h2,.single-clynx_product .content-block h2,.page-child.parent-pageid-products .content-block h2{display:inline-flex;align-items:center;gap:8px;margin:24px 0 12px;padding:9px 13px;border-radius:999px;background:linear-gradient(135deg,#e0f7ff,#eef2ff);color:#0369a1;border:1px solid rgba(6,182,212,.24);font-size:.88rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950;line-height:1.1;}
.page-template-page-product-detail-php .content-block h2:before,.page-template-page-product-detail .content-block h2:before,.single-clynx_product .content-block h2:before,.page-child.parent-pageid-products .content-block h2:before{content:"•";font-size:1.2rem;color:#06b6d4;line-height:1;}
.page-template-page-product-detail-php .content-block ul,.page-template-page-product-detail .content-block ul,.single-clynx_product .content-block ul,.page-child.parent-pageid-products .content-block ul{list-style:none;padding:0;margin:14px 0 22px;display:flex;flex-wrap:wrap;gap:10px;}
.page-template-page-product-detail-php .content-block li,.page-template-page-product-detail .content-block li,.single-clynx_product .content-block li,.page-child.parent-pageid-products .content-block li{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;background:#eef2ff;color:#1e3a8a;border:1px solid rgba(37,99,235,.16);font-size:.9rem;font-weight:820;line-height:1.2;}
.page-template-page-product-detail-php .content-block li:before,.page-template-page-product-detail .content-block li:before,.single-clynx_product .content-block li:before,.page-child.parent-pageid-products .content-block li:before{content:"✓";margin-right:7px;color:#0891b2;font-weight:950;}
@media(max-width:1100px){.family-panel-v559{grid-template-columns:1fr}.edition-card-grid-v559{grid-template-columns:1fr}.product-detail-pills-v559,.pill-matrix--universal{grid-template-columns:1fr}}
@media(max-width:640px){.family-panel-v559{padding:16px}.edition-card-v559{min-height:0}.product-detail-pills-section{padding-top:28px}.page-template-page-product-detail-php .content-block,.page-template-page-product-detail .content-block,.single-clynx_product .content-block{padding:22px}}

/* v7.0.11 — product-subpage spacing, contrast, and contextual-fit polish. */
.clynx-product-subpage-v711 .clynx-editor-canvas > .section:not(.page-hero):not(.clynx-product-hero-v561),
.clynx-product-subpage-v711 .clynx-editor-canvas > section.section--soft,
.clynx-product-subpage-v711 .clynx-editor-canvas > section.section--tight {
  padding-top: 24px;
  padding-bottom: 24px;
}
.clynx-product-subpage-v711 .clynx-editor-canvas > .section + .section {
  margin-top: 0;
}
.clynx-product-subpage-v711 .product-capability-strip-v559 {
  padding-top: 28px;
  padding-bottom: 16px;
}
.clynx-product-subpage-v711 .product-story-section,
.clynx-product-subpage-v711 .product-detail-body-v562 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.clynx-product-subpage-v711 .product-fit-section-v711 {
  padding-top: 22px;
  padding-bottom: 26px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.clynx-product-subpage-v711 .product-fit-grid-v711 {
  grid-template-columns: minmax(0, 1.28fr) minmax(300px, .72fr);
  gap: 22px;
  align-items: stretch;
}
.clynx-product-subpage-v711 .product-fit-card-v711,
.clynx-product-subpage-v711 .related-paths-card-v711 {
  min-height: 0;
  height: 100%;
  padding: 26px;
}
.clynx-product-subpage-v711 .product-fit-card-v711 h2 {
  display: block;
  margin: 10px 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #0f172a;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
  line-height: 1.18;
  letter-spacing: -.025em;
  text-transform: none;
}
.clynx-product-subpage-v711 .product-fit-card-v711 h2::before {
  content: none;
}
.clynx-product-subpage-v711 .product-fit-card-v711 .flow-list {
  display: grid;
  gap: 10px;
  margin: 0;
}
.clynx-product-subpage-v711 .product-fit-card-v711 .flow-list li {
  display: flex;
  width: 100%;
  border-radius: 16px;
  padding: 12px 14px;
  background: #eef6ff;
  color: #17365f;
  border: 1px solid #cfe2ff;
  font-size: .94rem;
  font-weight: 720;
  line-height: 1.42;
}
.clynx-product-subpage-v711 .related-paths-card-v711 .button-row {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}
.clynx-product-subpage-v711 .related-paths-card-v711 .btn-outline {
  width: 100%;
  justify-content: center;
  background: #ffffff;
  color: #1d4ed8;
  border: 1.5px solid #2563eb;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .08);
}
.clynx-product-subpage-v711 .related-paths-card-v711 .btn-outline:hover,
.clynx-product-subpage-v711 .related-paths-card-v711 .btn-outline:focus-visible {
  background: #2563eb;
  color: #ffffff;
}
@media (max-width: 900px) {
  .clynx-product-subpage-v711 .product-fit-grid-v711 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .clynx-product-subpage-v711 .clynx-editor-canvas > .section:not(.page-hero):not(.clynx-product-hero-v561),
  .clynx-product-subpage-v711 .product-fit-section-v711 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .clynx-product-subpage-v711 .product-fit-card-v711,
  .clynx-product-subpage-v711 .related-paths-card-v711 { padding: 20px; }
}
.clynx-product-subpage-v711 .product-fit-section-v711 .content-block .eyebrow {
  background: #ecfeff;
  border-color: #a5f3fc;
  color: #0e7490;
}

/* v7.0.12 — remove migration-created product-page whitespace at its source. */
.clynx-product-context-v712 .clynx-editor-canvas > .wp-block-spacer,
.clynx-product-context-v712 .editable-content-section .wp-block-spacer,
.clynx-product-context-v712 .product-detail-body-v562 .wp-block-spacer {
  display: none;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
}
.clynx-product-context-v712 .clynx-editor-canvas > section.section:not(.page-hero):not(.clynx-product-hero-v561) {
  padding-top: 22px;
  padding-bottom: 22px;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0;
}
.clynx-product-context-v712 .clynx-editor-canvas > section.section--tight:not(.page-hero) {
  padding-top: 12px;
  padding-bottom: 18px;
}
.clynx-product-context-v712 .clynx-editor-canvas > .page-hero + section.section,
.clynx-product-context-v712 .clynx-editor-canvas > .clynx-product-hero-v561 + section.section {
  padding-top: 24px;
}
.clynx-product-context-v712 .editable-content-section,
.clynx-product-context-v712 .product-detail-body-v562 {
  min-height: 0;
}
.clynx-product-context-v712 .editable-content-section:has(.impact-copy:empty),
.clynx-product-context-v712 .product-detail-body-v562:has(.product-detail-content-v562:empty) {
  display: none;
}
.clynx-product-context-v712 .section-heading {
  margin-bottom: 12px;
}
.clynx-product-context-v712 .clynx-editor-canvas > section.section + section.section {
  margin-top: 0;
}
.clynx-product-context-v712 .clynx-editor-canvas > section.section:last-child {
  padding-bottom: 18px;
}
@media (max-width: 760px) {
  .clynx-product-context-v712 .clynx-editor-canvas > section.section:not(.page-hero):not(.clynx-product-hero-v561) {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .clynx-product-context-v712 .clynx-editor-canvas > section.section--tight:not(.page-hero) {
    padding-top: 10px;
    padding-bottom: 14px;
  }
}

/* v7.0.13 — recovered marketing pages and DocuForge spacing. */
.clynx-docuforge-family-v713 .clynx-editor-canvas > section.section:not(.page-hero),
.clynx-docuforge-subpage-v713 .clynx-editor-canvas > section.section:not(.page-hero):not(.clynx-product-hero-v561) {
  padding-top: 22px;
  padding-bottom: 22px;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0;
}
.clynx-docuforge-family-v713 .clynx-editor-canvas > section.section + section.section,
.clynx-docuforge-subpage-v713 .clynx-editor-canvas > section.section + section.section {
  margin-top: 0;
}
.clynx-docuforge-family-v713 .editable-content-section,
.clynx-docuforge-subpage-v713 .editable-content-section {
  padding-top: 14px;
  padding-bottom: 14px;
  min-height: 0;
}
.clynx-docuforge-family-v713 .editable-content-section .impact-copy,
.clynx-docuforge-subpage-v713 .editable-content-section .impact-copy {
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0;
}
.clynx-docuforge-family-v713 .editable-content-section .impact-copy:empty,
.clynx-docuforge-subpage-v713 .editable-content-section .impact-copy:empty,
.clynx-docuforge-family-v713 .clynx-editor-canvas > p:empty,
.clynx-docuforge-subpage-v713 .clynx-editor-canvas > p:empty {
  display: none;
}
.clynx-docuforge-family-v713 .section-heading,
.clynx-docuforge-subpage-v713 .section-heading {
  margin-bottom: 14px;
}
.clynx-docuforge-family-v713 .mockup-gallery,
.clynx-docuforge-family-v713 .comparison-table-wrap,
.clynx-docuforge-subpage-v713 .mockup-gallery,
.clynx-docuforge-subpage-v713 .comparison-table-wrap {
  margin-top: 16px;
}

/* Recovered contact and service pages: keep panels close without altering the global rhythm. */
.page-template-page-services-php .clynx-editor-canvas > section.section,
.page-template-page-service-detail-php .clynx-editor-canvas > section.section,
.page-template-page-contact-php .clynx-editor-canvas > section.section,
.page-template-page-pricing-php .clynx-editor-canvas > section.section,
.page-slug-collablynx-login .clynx-editor-canvas > section.section {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 760px) {
  .clynx-docuforge-family-v713 .clynx-editor-canvas > section.section:not(.page-hero),
  .clynx-docuforge-subpage-v713 .clynx-editor-canvas > section.section:not(.page-hero):not(.clynx-product-hero-v561) {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

/* v7.0.14 — compact detail-page banners only. Family landing pages and global rhythm are unchanged. */
.clynx-product-subpage-v712 .clynx-product-hero-v561 {
  padding-top: 48px;
  padding-bottom: 42px;
  min-height: 0;
}
.clynx-product-subpage-v712 .clynx-product-hero-v561__grid {
  gap: 36px;
}
.clynx-product-subpage-v712 .clynx-product-hero-v561 h1 {
  margin-top: 8px;
  margin-bottom: 12px;
}
.clynx-product-subpage-v712 .clynx-product-hero-v561 .lead {
  line-height: 1.5;
}
.clynx-product-subpage-v712 .clynx-product-hero-v561 .button-row {
  margin-top: 16px;
}
.clynx-product-subpage-v712 .deployment-badges-v561 {
  margin-top: 16px;
}
.clynx-product-subpage-v712 .clynx-product-visual-v561 {
  padding: 16px;
  border-radius: 22px;
}
.clynx-product-subpage-v712 .visual-screen-v561 {
  min-height: 205px;
  padding: 22px;
  border-radius: 18px;
}
.clynx-product-subpage-v712 .visual-chart-v561 {
  height: 82px;
  margin: 16px 0;
}
.clynx-product-subpage-v712 .page-hero.product-hero--single {
  padding-top: 48px;
  padding-bottom: 42px;
  min-height: 0;
}
.clynx-product-subpage-v712 .page-hero.product-hero--single .mock-panel {
  padding: 16px;
}
.clynx-product-subpage-v712 .page-hero.product-hero--single .mock-panel__screen {
  min-height: 205px;
  padding: 20px;
}

.page-template-page-service-detail .page-hero.page-hero--rich,
.page-template-page-service-detail-php .page-hero.page-hero--rich {
  padding-top: 48px;
  padding-bottom: 42px;
  min-height: 0;
}
.page-template-page-service-detail .page-hero .hero-split,
.page-template-page-service-detail-php .page-hero .hero-split {
  gap: 36px;
  align-items: center;
}
.page-template-page-service-detail .page-hero h1,
.page-template-page-service-detail-php .page-hero h1 {
  margin-top: 8px;
  margin-bottom: 12px;
}
.page-template-page-service-detail .page-hero .lead,
.page-template-page-service-detail-php .page-hero .lead {
  line-height: 1.5;
}
.page-template-page-service-detail .page-hero .button-row,
.page-template-page-service-detail-php .page-hero .button-row {
  margin-top: 16px;
}
.page-template-page-service-detail .page-hero .service-visual,
.page-template-page-service-detail-php .page-hero .service-visual {
  padding: 16px;
  border-radius: 22px;
  min-height: 0;
}
.page-template-page-service-detail .page-hero .service-visual img,
.page-template-page-service-detail-php .page-hero .service-visual img {
  display: block;
  width: 100%;
  max-height: 220px;
  object-fit: contain;
}

@media (max-width: 980px) {
  .clynx-product-subpage-v712 .clynx-product-hero-v561,
  .clynx-product-subpage-v712 .page-hero.product-hero--single,
  .page-template-page-service-detail .page-hero.page-hero--rich,
  .page-template-page-service-detail-php .page-hero.page-hero--rich {
    padding-top: 40px;
    padding-bottom: 36px;
  }
  .clynx-product-subpage-v712 .clynx-product-hero-v561__grid,
  .page-template-page-service-detail .page-hero .hero-split,
  .page-template-page-service-detail-php .page-hero .hero-split {
    gap: 24px;
  }
}

/* ============================================================
   v7.0.15 — uniform detail heroes, final-CTA spacing, footer,
   and secure form CAPTCHA presentation.
   Scoped to requested product/solution detail pages unless noted.
   ============================================================ */

/* Match the Vantage Intelligence family banner's blue/teal composition and
   vertical scale on every Vantage, Cadence, DocuForge, and Solution detail. */
.clynx-uniform-page-v715 .clynx-uniform-subpage-hero {
  min-height: clamp(540px, 36.6vw, 594px);
  padding: 68px 0;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 12% 18%, rgba(34,211,238,.34), transparent 34%),
    radial-gradient(circle at 82% 16%, rgba(37,99,235,.30), transparent 34%),
    linear-gradient(135deg, #061326 0%, #081b35 52%, #11285f 100%);
}
.clynx-uniform-page-v715 .clynx-uniform-subpage-hero > .container {
  width: min(calc(100% - 40px), 1280px);
}
.clynx-uniform-page-v715 .clynx-uniform-subpage-hero .hero-split {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: clamp(42px, 6vw, 86px);
  align-items: center;
}
.clynx-uniform-page-v715 .clynx-uniform-subpage-hero__copy {
  max-width: 700px;
}
.clynx-uniform-page-v715 .clynx-uniform-subpage-hero h1 {
  font-size: clamp(2.65rem, 4.25vw, 4.35rem);
  line-height: 1.03;
  margin: 12px 0 16px;
  max-width: 760px;
}
.clynx-uniform-page-v715 .clynx-uniform-subpage-hero .lead {
  max-width: 720px;
  font-size: clamp(1rem, 1.3vw, 1.18rem);
  line-height: 1.62;
  margin-bottom: 0;
}
.clynx-uniform-page-v715 .clynx-uniform-subpage-hero .button-row {
  margin-top: 22px;
}
.clynx-uniform-page-v715 .clynx-uniform-subpage-hero .deployment-badges-v561 {
  margin-top: 20px;
}
.clynx-uniform-page-v715 .clynx-uniform-hero-media {
  min-height: 310px;
  padding: 18px;
  border-radius: 28px;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.06));
}
.clynx-uniform-page-v715 .clynx-uniform-hero-media > img,
.clynx-uniform-page-v715 .clynx-uniform-hero-media .product-page-visual {
  width: 100%;
  height: 310px;
  max-height: 310px;
  border-radius: 20px;
  display: block;
}
.clynx-hero-image-placeholder {
  width: 100%;
  min-height: 274px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  padding: 28px;
  border: 2px dashed rgba(165,243,252,.42);
  border-radius: 20px;
  color: #e6f7ff;
  background:
    linear-gradient(135deg, rgba(34,211,238,.09), rgba(37,99,235,.10)),
    rgba(3,13,29,.78);
}
.clynx-hero-image-placeholder__icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 1.45rem;
  color: #67e8f9;
  background: rgba(103,232,249,.10);
  border: 1px solid rgba(103,232,249,.28);
}
.clynx-hero-image-placeholder strong { font-family: var(--font-display); font-size: 1.05rem; }
.clynx-hero-image-placeholder small { max-width: 300px; color: rgba(226,241,255,.72); line-height: 1.45; }

/* Eliminate legacy blank-space accumulation between the restored sections and
   the final Get Started panel. Meaningful block content remains untouched. */
.clynx-uniform-page-v715 .clynx-editor-canvas > section.section:not(.page-hero):not(.clynx-uniform-subpage-hero) {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0;
}
.clynx-uniform-page-v715 .clynx-editor-canvas > section.section + section.section {
  margin-top: 0;
}
.clynx-uniform-page-v715 .clynx-editor-canvas > .clynx-final-cta-section {
  padding-top: 14px;
  padding-bottom: 16px;
  margin: 0;
}
.clynx-uniform-page-v715 .clynx-final-cta-section .final-cta__box {
  margin: 0;
}
.clynx-uniform-page-v715 .clynx-editor-canvas > section.section:has(+ .clynx-final-cta-section) {
  padding-bottom: 14px;
}
.clynx-uniform-page-v715 .editable-content-section:has(.impact-copy:empty),
.clynx-uniform-page-v715 .product-detail-body-v562:has(.product-detail-content-v562:empty) {
  display: none;
}

/* Footer can hold four requested columns, or five when Resources is enabled. */
.footer-mega__menus--compact {
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
}

/* Signed dual-CAPTCHA presentation. */
.clynx-captcha {
  border: 1px solid #cbd5e1;
  border-radius: 16px;
  padding: 18px;
  background: linear-gradient(180deg, #f8fbff, #eef6ff);
  color: #0f172a;
  margin: 2px 0 0;
}
.clynx-captcha legend {
  padding: 0 8px;
  font-family: var(--font-display);
  font-weight: 800;
  color: #0f172a;
}
.clynx-captcha__help {
  margin: 0 0 14px;
  color: #52657f;
  font-size: .86rem;
}
.clynx-captcha__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.clynx-captcha .clynx-captcha__grid p { margin: 0; }
.clynx-captcha label { color: #17233a; }

@media (max-width: 980px) {
  .clynx-uniform-page-v715 .clynx-uniform-subpage-hero {
    min-height: 0;
    padding: 52px 0;
  }
  .clynx-uniform-page-v715 .clynx-uniform-subpage-hero .hero-split {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .clynx-uniform-page-v715 .clynx-uniform-hero-media {
    min-height: 280px;
  }
  .clynx-uniform-page-v715 .clynx-uniform-hero-media > img,
  .clynx-uniform-page-v715 .clynx-uniform-hero-media .product-page-visual {
    height: 280px;
    max-height: 280px;
  }
}
@media (max-width: 680px) {
  .clynx-uniform-page-v715 .clynx-uniform-subpage-hero {
    padding: 42px 0;
  }
  .clynx-uniform-page-v715 .clynx-uniform-subpage-hero > .container {
    width: min(calc(100% - 28px), 1280px);
  }
  .clynx-uniform-page-v715 .clynx-uniform-subpage-hero h1 {
    font-size: clamp(2.25rem, 12vw, 3.2rem);
  }
  .clynx-uniform-page-v715 .clynx-uniform-hero-media,
  .clynx-uniform-page-v715 .clynx-uniform-hero-media > img,
  .clynx-uniform-page-v715 .clynx-uniform-hero-media .product-page-visual {
    min-height: 230px;
    height: 230px;
    max-height: 230px;
  }
  .clynx-captcha__grid { grid-template-columns: 1fr; }
}

/* Specificity guard against the older v7.0.14 service-detail compact rules. */
body.clynx-uniform-page-v715 .page-hero.page-hero--rich.clynx-uniform-subpage-hero {
  min-height: clamp(540px, 36.6vw, 594px);
  padding-top: 68px;
  padding-bottom: 68px;
}
body.clynx-uniform-page-v715 .page-hero.clynx-uniform-subpage-hero .clynx-uniform-hero-media > img,
body.clynx-uniform-page-v715 .page-hero.clynx-uniform-subpage-hero .clynx-uniform-hero-media .product-page-visual {
  width: 100%;
  height: 310px;
  min-height: 310px;
  max-height: 310px;
}
@media (max-width: 980px) {
  body.clynx-uniform-page-v715 .page-hero.page-hero--rich.clynx-uniform-subpage-hero {
    min-height: 0;
    padding-top: 52px;
    padding-bottom: 52px;
  }
  body.clynx-uniform-page-v715 .page-hero.clynx-uniform-subpage-hero .clynx-uniform-hero-media > img,
  body.clynx-uniform-page-v715 .page-hero.clynx-uniform-subpage-hero .clynx-uniform-hero-media .product-page-visual {
    height: 280px;
    min-height: 280px;
    max-height: 280px;
  }
}
@media (max-width: 680px) {
  body.clynx-uniform-page-v715 .page-hero.page-hero--rich.clynx-uniform-subpage-hero {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  body.clynx-uniform-page-v715 .page-hero.clynx-uniform-subpage-hero .clynx-uniform-hero-media > img,
  body.clynx-uniform-page-v715 .page-hero.clynx-uniform-subpage-hero .clynx-uniform-hero-media .product-page-visual {
    height: 230px;
    min-height: 230px;
    max-height: 230px;
  }
}

/* Nested legacy spacers can survive inside meaningful Gutenberg groups; they
   are layout-only artifacts on these exact restored compositions. */
.clynx-uniform-page-v715 .clynx-editor-canvas .wp-block-spacer,
.clynx-uniform-page-v715 .clynx-editor-canvas > p:empty,
.clynx-uniform-page-v715 .clynx-editor-canvas > div:empty {
  display: none;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
}

/* ============================================================
   v7.0.16 — exact hero-to-first-panel spacing reconciliation.
   The runtime adds these classes only to requested product and solution
   detail pages after identifying the first meaningful rendered section.
   ============================================================ */
.clynx-detail-gap-fix-v716 .clynx-editor-canvas > .clynx-spacing-only-v716 {
  display: none;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.clynx-detail-gap-fix-v716 .clynx-editor-canvas > .clynx-first-content-v716 {
  padding-top: 24px;
  margin-bottom: 0;
  min-height: 0;
  transition: none;
}
.clynx-detail-gap-fix-v716 .clynx-editor-canvas > .clynx-first-content-v716 > .container {
  margin-top: 0;
}
@media (max-width: 760px) {
  .clynx-detail-gap-fix-v716 .clynx-editor-canvas > .clynx-first-content-v716 {
    padding-top: 18px;
  }
}


/* ============================================================
   COLLABLYNX PRO — Main CSS v3
   Page-specific styles + Utilities
   ============================================================ */

/* ---- Site shell ------------------------------------------- */
.site-shell { display: flex; flex-direction: column; min-height: 100vh; }
.site-content { flex: 1; }

/* ---- Page hero (generic) ---------------------------------- */
.page-hero .lead { color: var(--text-mid); }
.page-hero .button-row { margin-top: 18px; }
.page-hero--rich { overflow: hidden; }

/* Hero split layout */
.hero-split { display: grid; grid-template-columns: 1.15fr .85fr; gap: 38px; align-items: center; }

/* ---- Home proof section ----------------------------------- */
.home-proof {
  background: linear-gradient(180deg, #eef5ff, #f6fbff);
  padding: 32px 0;
}
.proof-list-v2 { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 16px; list-style: none; padding: 0; margin: 0; }
.proof-list-v2 li {
  background: #fff; border: 1px solid #dce8f5; border-radius: var(--radius);
  padding: 20px; text-align: center; box-shadow: var(--shadow-sm);
}
.proof-list-v2 strong { display: block; font-family: var(--font-display); font-size: 1.6rem; font-weight: 800; color: var(--primary-deep); }
.proof-list-v2 span { display: block; font-size: .82rem; color: #6a88a8; margin-top: 4px; }

/* ---- Service detail --------------------------------------- */
.service-detail-copy { max-width: 860px; }
.brand-placeholder-band {
  padding: 28px; border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(20,200,168,.12), rgba(110,108,255,.12));
  border: 1px solid rgba(255,255,255,.14);
}
.service-visual img { width: 100%; border-radius: var(--radius); }
.card-glass {
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.16); border-radius: var(--radius-lg); padding: 20px;
}
.card-glass .service-visual img { border-radius: var(--radius); }
.service-pillars-detail { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 10px; }
.service-pillars-detail li {
  padding: 12px 16px; border-radius: var(--radius-sm);
  background: rgba(58,180,245,.08); border-left: 3px solid var(--primary);
  color: var(--text); font-size: .9rem;
}

/* ---- Product page ---------------------------------------- */
.page-hero--product-cat { background: var(--grad-hero); }
.content-card--product-family { min-height: 240px; }

/* ---- Case study pages ------------------------------------ */
.case-hero--single {}
.metrics-band--story .metrics-band__item strong { font-size: 2rem; }

/* ---- Contact page ---------------------------------------- */
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 40px; }
.contact-path-card {
  background: #fff; border: 1px solid #dce8f5; border-radius: var(--radius-lg);
  padding: 28px; box-shadow: var(--shadow-sm);
  transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base);
}
.contact-path-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.contact-path-card h3 { font-size: 1.15rem; margin-bottom: 8px; }
.contact-path-card p { color: #5a7298; font-size: .9rem; line-height: 1.6; }

/* ---- About page ----------------------------------------- */
.about-values { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.value-card {
  background: #fff; border: 1px solid #dce8f5; border-radius: var(--radius-lg);
  padding: 28px; box-shadow: var(--shadow-sm);
  text-align: center;
}
.value-icon { font-size: 2.2rem; margin-bottom: 14px; display: block; }
.value-card h3 { font-size: 1rem; margin-bottom: 8px; }
.value-card p { font-size: .88rem; color: #5a7298; margin: 0; }

/* ---- 404 page ------------------------------------------- */
.error-404-section {
  min-height: 70vh; display: flex; align-items: center;
  background: var(--grad-hero); color: var(--text);
}
.error-404-wrap { text-align: center; padding: 56px 0; }
.error-404-number {
  font-family: var(--font-display); font-size: clamp(7rem, 18vw, 14rem);
  font-weight: 800; line-height: 1;
  background: var(--grad-primary);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  display: block; margin-bottom: 16px;
}
.error-404-heading { font-size: clamp(1.6rem, 4vw, 2.5rem); margin-bottom: 16px; }
.error-404-body { color: var(--text-mid); max-width: 500px; margin: 0 auto 36px; line-height: 1.7; }
.error-links-grid { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.error-links-grid a { padding: 8px 18px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: var(--text-mid); font-size: .9rem; transition: all var(--dur-fast); }
.error-links-grid a:hover { background: rgba(58,180,245,.15); border-color: var(--primary); color: var(--primary); }

/* ---- Search results ------------------------------------- */
.search-hero { padding: 56px 0 36px; }
.search-form-wrap { max-width: 560px; margin: 0 auto 52px; }
.search-form-wrap form { display: flex; gap: 10px; }
.search-form-wrap input[type="search"] {
  flex: 1; padding: 14px 20px; background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14); border-radius: 999px;
  color: var(--text); font-family: var(--font-body); font-size: .95rem;
}
.search-form-wrap input:focus { outline: none; border-color: rgba(58,180,245,.5); }
.search-form-wrap button { padding: 14px 26px; background: var(--grad-primary); color: #fff; border: none; border-radius: 999px; font-family: var(--font-display); font-weight: 700; cursor: pointer; }
.search-results-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(320px,1fr)); gap: 24px; }
.search-result-card { background: #fff; border: 1px solid #dde8f6; border-radius: var(--radius-lg); padding: 28px; }
.result-type { display: inline-block; font-family: var(--font-mono); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; color: var(--primary); background: rgba(58,180,245,.1); padding: 3px 10px; border-radius: 20px; margin-right: 8px; }
.result-date { font-size: .8rem; color: #8aa0be; }
.search-result-title a { color: #0f1e35; }
.search-result-title a:hover { color: var(--primary-deep); }

/* ---- Generic page --------------------------------------- */
.page-content-wrap { max-width: 780px; margin: 0 auto; }
.page-content-body { color: #3a5272; line-height: 1.8; }
.page-content-body h2, .page-content-body h3 { color: #0f1e35; margin-top: 40px; }
.page-content-body a { color: var(--primary-deep); }
.page-content-body ul, .page-content-body ol { padding-left: 22px; margin-bottom: 20px; }

/* ---- Resource pages ------------------------------------- */
.resource-type-badge {
  display: inline-block; font-family: var(--font-mono); font-size: .72rem; font-weight: 500;
  text-transform: uppercase; padding: 4px 10px; border-radius: 20px;
  background: var(--primary); color: #fff;
}
.resource-card { background: #fff; border: 1px solid #dde8f6; border-radius: var(--radius-lg); overflow: hidden; display: flex; flex-direction: column; }
.resource-card-thumb { height: 190px; background: #dbeeff; display: flex; align-items: center; justify-content: center; position: relative; }
.resource-card-thumb img { width: 100%; height: 100%; object-fit: cover; }
.resource-card-thumb .resource-type-badge { position: absolute; top: 14px; left: 14px; }
.resource-card-body { flex: 1; padding: 22px; display: flex; flex-direction: column; }
.resource-card-title a { color: #0f1e35; }
.resource-card-title a:hover { color: var(--primary-deep); }
.resource-card-footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 14px; border-top: 1px solid #edf3fb; }

/* ---- Comparison block ----------------------------------- */
.comparison-stack { display: grid; gap: 28px; }
.comparison-block { background: #fff; border: 1px solid #dce8f5; border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-sm); }

/* ---- v3 additions --------------------------------------- */
.section-label {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-mono); font-size: .75rem; font-weight: 500; letter-spacing: .12em;
  text-transform: uppercase; color: var(--accent);
  background: rgba(20,200,168,.10); border: 1px solid rgba(20,200,168,.22);
  padding: 5px 12px; border-radius: 999px; margin-bottom: 14px;
}
.section-label::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }

.gradient-text {
  background: var(--grad-primary);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

/* Card grid for about/services light sections */
.card-grid--light .content-card { border-color: #dde8f6; }

/* Utility */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.mt-8 { margin-top: 8px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }
.mt-32 { margin-top: 32px; }
.mb-0 { margin-bottom: 0; }
.text-center { text-align: center; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto; animation: none; transition: none; }
}

/* Responsive */
@media (max-width: 980px) {
  .hero-split, .section-grid-2, .service-showcase-grid, .contact-grid, .about-values { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .proof-list-v2 { grid-template-columns: repeat(2,1fr); }
  .about-values { grid-template-columns: 1fr 1fr; }
  .story-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .proof-list-v2, .about-values { grid-template-columns: 1fr; }
  .comparison-tabs__nav { grid-template-columns: 1fr; }
}


/* Collablynx Impact Pro — premium visual uplift */
:root{
  --primary:#2563eb; --primary-deep:#1d4ed8; --secondary:#7c3aed; --accent:#06b6d4; --accent-warm:#f59e0b;
  --grad-primary:linear-gradient(135deg,#2563eb 0%,#7c3aed 52%,#06b6d4 100%);
  --grad-hero:radial-gradient(circle at 14% 16%,rgba(37,99,235,.35),transparent 32%),radial-gradient(circle at 82% 18%,rgba(124,58,237,.30),transparent 30%),radial-gradient(circle at 50% 86%,rgba(6,182,212,.18),transparent 35%),linear-gradient(145deg,#06111f 0%,#0b1730 48%,#111827 100%);
  --container:1280px;
}
.utility-strip{background:#050b16;color:#dbeafe;border-bottom:1px solid rgba(255,255,255,.08)}
.site-header{background:rgba(8,18,35,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.10)}
.site-title{font-weight:900;letter-spacing:-.03em;font-size:1.08rem;background:var(--grad-primary);-webkit-background-clip:text;color:transparent}
.primary-nav a{font-weight:750}.primary-nav a:hover{color:#93c5fd}
.hero,.page-hero,.page-hero--rich{background:var(--grad-hero);color:#fff;position:relative;overflow:hidden}
.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}
.hero>.container,.page-hero>.container{position:relative;z-index:1}.eyebrow{color:#67e8f9;font-weight:800}.lead{font-size:clamp(.98rem,1.1vw,1.08rem)}
/* Fix: "Overview" (and "Challenges we solve") eyebrow on every /services/{slug}/
   detail page sat as plain colored text directly on the dark .content-block
   card and read as low-contrast/muddy. Give it a proper pill badge with a
   guaranteed-legible background + text color so it's readable regardless of
   the card's background shade. Applies to every solution in the Solutions menu
   since they all share page-service-detail.php. */
.content-block .eyebrow {
  display: inline-flex;
  align-items: center;
  background: rgba(103,232,249,.16);
  border: 1px solid rgba(103,232,249,.38);
  color: #a5f3fc;
  padding: 6px 13px;
  border-radius: 999px;
  font-weight: 800;
  margin-bottom: 14px;
}
.btn-primary{background:var(--grad-primary);box-shadow:0 18px 44px rgba(37,99,235,.35)}
.btn-outline{border-color:#2563eb;color:#1d4ed8;background:#fff}.section--soft{background:linear-gradient(180deg,#eef5ff,#f8fbff)}
.content-card,.feature-card,.contact-path-card{border:1px solid #dbeafe;box-shadow:0 18px 45px rgba(15,23,42,.08)}
.content-card:hover,.feature-card:hover,.contact-path-card:hover{box-shadow:0 24px 70px rgba(37,99,235,.16)}
.impact-copy{max-width:980px;margin:0 auto}.impact-copy h2{font-size:clamp(1.7rem,2.6vw,2.5rem);letter-spacing:-.03em;color:#0f172a;margin-bottom:14px}.impact-copy p{font-size:1rem;color:#475569}.impact-copy ul{background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:22px 26px;box-shadow:0 18px 45px rgba(15,23,42,.08)}
.impact-copy li{margin:7px 0;color:#334155}.impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.impact-grid>div{background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:22px;box-shadow:0 16px 40px rgba(15,23,42,.07)}.impact-grid h3{color:#0f172a}.impact-grid p{font-size:.94rem;color:#64748b}
.clynx-form-shell{background:#fff;border:1px solid #dbeafe;border-radius:22px;padding:22px;box-shadow:0 20px 55px rgba(15,23,42,.10);margin-top:20px}.clynx-form label{font-weight:800;color:#0f172a}.clynx-form input,.clynx-form select,.clynx-form textarea{border:1px solid #cbd5e1;border-radius:12px;padding:11px 13px;width:100%;background:#f8fafc}.clynx-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.clynx-form-grid .full{grid-column:1/-1}.honeypot{display:none}.clynx-form-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.clynx-form-meta{color:#64748b;font-size:.88rem}
@media(max-width:900px){.impact-grid,.clynx-form-grid{grid-template-columns:1fr}.site-header__actions .btn{display:none}}

/* v4.0.1 navigation fix: one-line desktop menu + professional nested submenus */
.site-header__inner{display:flex;align-items:stretch;gap:18px;min-height:68px}.site-branding{flex:0 0 auto;align-self:center}.primary-nav{flex:1 1 auto;min-width:0;display:flex;align-items:stretch}.primary-nav .menu{display:flex;align-items:stretch;justify-content:center;gap:2px;flex-wrap:nowrap;white-space:nowrap;margin:0;padding:0;list-style:none}.primary-nav .menu>li{position:relative;display:flex;align-items:stretch}.primary-nav .menu>li>a{display:flex;align-items:center;padding:12px 13px;font-size:.9rem;line-height:1.1;text-decoration:none}.primary-nav .menu-item-has-children>a:after{content:"▾";font-size:.65rem;margin-left:6px;opacity:.72}.primary-nav .sub-menu{position:absolute;top:100%;left:0;z-index:9999;display:block;min-width:250px;margin:0;padding:8px;background:#ffffff;backdrop-filter:none;border:1px solid rgba(148,163,184,.35);border-radius:16px;box-shadow:0 26px 70px rgba(15,23,42,.20);list-style:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;white-space:normal}.primary-nav .sub-menu::before{color:#2563eb;opacity:1}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu,.primary-nav li.is-open>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .15s ease,transform .15s ease,visibility 0s linear 0s}.primary-nav .sub-menu li{display:block}.primary-nav .sub-menu a{display:flex;align-items:center;gap:8px;color:#0f172a;padding:9px 11px;border-radius:10px;font-weight:760;font-size:.87rem;text-decoration:none}.primary-nav .sub-menu a:hover{background:#eef5ff;color:#1d4ed8}.primary-nav .sub-menu .menu-link__icon{background:linear-gradient(135deg,#eff6ff,#e0e7ff);box-shadow:inset 0 0 0 1px rgba(37,99,235,.15)}.site-header__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;align-self:center}.site-header__actions .btn{padding:11px 15px;font-size:.87rem;white-space:nowrap}.site-header__actions .btn-secondary{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff}.site-header__actions .btn-secondary:hover{background:#fff;color:#1d4ed8}.mobile-panel .sub-menu{margin:8px 0 10px 18px;padding-left:14px;border-left:2px solid #dbeafe}.mobile-panel .menu,.mobile-panel .sub-menu{list-style:none}.mobile-panel a{display:block;padding:10px 0;text-decoration:none}
@media(max-width:1180px){.primary-nav .menu>li>a{padding:14px 8px;font-size:.88rem}.site-header__actions .btn{padding:11px 13px;font-size:.86rem}.site-header__inner{gap:14px}.site-title{font-size:1rem}}
@media(max-width:980px){.primary-nav{display:none}.menu-toggle{display:inline-flex}.site-header__actions .btn{display:none}.site-header__inner{justify-content:space-between}.mobile-panel[hidden]{display:none}.mobile-panel{display:block;background:#fff;padding:18px 24px;border-top:1px solid #e2e8f0}.mobile-panel a{color:#0f172a}}
@media(min-width:981px){.menu-toggle{display:none}.mobile-panel{display:none}}

/* Grouped sub-menu headings (e.g. "Vantage Overview" / "Cadence Overview" inside Products) */
.primary-nav .sub-menu li.menu-item-group-heading{margin-top:6px;border-top:1px solid #eef2f7;padding-top:6px}
.primary-nav .sub-menu li.menu-item-group-heading:first-child{margin-top:0;border-top:0;padding-top:0}
.primary-nav .sub-menu li.menu-item-group-heading>a{font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#2563eb;padding-bottom:6px}
.mobile-panel li.menu-item-group-heading>a{font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#93c5fd;opacity:.9;padding-top:14px}


/* ============================================================
   v4.3.2 Professional SaaS polish — enterprise header, menu, cards
   ============================================================ */
:root{--clynx-ink:#0b1220;--clynx-muted:#64748b;--clynx-line:#e2e8f0;--clynx-panel:#ffffff;--clynx-blue:#2563eb;--clynx-cyan:#06b6d4;--clynx-violet:#7c3aed;--clynx-navy:#07111f}
body{background:linear-gradient(180deg,#f8fbff 0%,#fff 34%,#f8fafc 100%);color:var(--clynx-ink)}
.utility-strip{display:none}.site-shell{overflow-x:clip}.container{max-width:1220px}.site-header{position:sticky;top:0;z-index:999;background:rgba(6,16,32,.92);box-shadow:0 18px 40px rgba(2,8,23,.18)}
.site-header__inner{min-height:74px;gap:16px;align-items:center}.site-branding{min-width:150px}.site-title{font-weight:900;letter-spacing:-.035em;color:#fff;font-size:1.38rem;line-height:1.05;display:block;max-width:178px}.custom-logo{max-height:46px;width:auto}.primary-nav{height:74px;align-items:center}.primary-nav .menu{align-items:center;justify-content:flex-end;width:100%;gap:1px}.primary-nav .menu>li>a{height:46px;padding:0 11px;border-radius:999px;color:#dbeafe;font-weight:800;font-size:.9rem;letter-spacing:-.012em}.primary-nav .menu>li:hover>a,.primary-nav .menu>li.current-menu-item>a,.primary-nav .menu>li.current-menu-ancestor>a{background:rgba(255,255,255,.1);color:#fff}.site-header__actions{gap:9px}.site-header__actions .btn{height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:999px;font-size:.88rem;font-weight:900}.site-header__actions .btn-secondary{display:none}.btn-primary{background:linear-gradient(135deg,var(--clynx-violet),var(--clynx-blue) 48%,var(--clynx-cyan));color:#fff;box-shadow:0 14px 34px rgba(37,99,235,.32)}
.primary-nav .sub-menu{top:calc(100% - 6px);min-width:250px;padding:8px;border-radius:16px;background:rgba(255,255,255,.98);border:1px solid rgba(226,232,240,.95);box-shadow:0 24px 60px rgba(2,8,23,.20)}.primary-nav .sub-menu .sub-menu{top:-8px;left:calc(100% + 8px)}.primary-nav .sub-menu a{color:#0f172a;font-weight:800;border:1px solid transparent}.primary-nav .sub-menu a:hover{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-color:#dbeafe;color:#1d4ed8}.primary-nav .menu-item-product-suite>a{background:#f8fafc;color:#1e40af}.primary-nav .menu-item-product-suite>a .menu-link__icon{background:#dbeafe}
.hero,.home-hero,.impact-hero{background:radial-gradient(circle at 12% 18%,rgba(37,99,235,.18),transparent 28%),radial-gradient(circle at 84% 12%,rgba(6,182,212,.16),transparent 28%),linear-gradient(135deg,#07111f 0%,#10213e 58%,#111827 100%);color:#fff;border-bottom:1px solid rgba(148,163,184,.22)}
.impact-copy,.entry-content{font-size:1.04rem;line-height:1.75}.impact-copy h2,.entry-content h2{letter-spacing:-.035em}.impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.impact-grid>div,.card,.product-card,.case-card{background:rgba(255,255,255,.92);border:1px solid var(--clynx-line);border-radius:24px;box-shadow:0 18px 48px rgba(15,23,42,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.impact-grid>div{padding:24px}.impact-grid>div:hover,.card:hover,.product-card:hover,.case-card:hover{transform:translateY(-3px);box-shadow:0 24px 70px rgba(15,23,42,.12);border-color:#bfdbfe}.impact-grid h3{margin-top:0;font-size:1.05rem}.site-footer{background:#061020;color:#cbd5e1;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:1220px){.primary-nav .menu>li>a{padding:0 8px;font-size:.84rem}.site-header__actions .btn{padding:0 12px}.site-title{font-size:1.14rem;max-width:140px}}
@media(max-width:1060px){.site-header__actions .btn-primary{display:none}.primary-nav .menu>li>a{font-size:.82rem;padding:0 7px}.site-branding{min-width:125px}}
@media(max-width:980px){.primary-nav{display:none}.menu-toggle{display:inline-flex}.mobile-panel{background:#fff;box-shadow:0 30px 60px rgba(2,8,23,.18)}.mobile-panel a{color:#0f172a;font-weight:800}.mobile-panel .sub-menu{display:none}.mobile-panel .menu-item-has-children.is-open>.sub-menu{display:block}.site-header__inner{min-height:68px}.impact-grid{grid-template-columns:1fr}}

/* v4.3.3 — professional dropdown stabilization + product-console imagery */
.site-header{overflow:visible}.site-header__inner,.primary-nav,.primary-nav .menu,.primary-nav .menu>li{overflow:visible}.primary-nav .menu>li{z-index:1}.primary-nav .menu>li.is-open,.primary-nav .menu>li:hover,.primary-nav .menu>li:focus-within{z-index:50}.primary-nav .sub-menu{top:calc(100% + 8px);left:0;isolation:isolate}.primary-nav .sub-menu .sub-menu{top:0;left:calc(100% + 12px)}.primary-nav .sub-menu::after{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:transparent}.primary-nav .menu>li:not(.is-open):not(:hover):not(:focus-within)>.sub-menu{opacity:0;visibility:hidden;pointer-events:none}.primary-nav .menu>li.is-open>a{background:rgba(255,255,255,.12);color:#fff}.primary-nav .menu>li>a{position:relative;z-index:2}.primary-nav .sub-menu a{min-height:38px}.primary-nav .sub-menu li.menu-item-has-children>a:after{content:"›";margin-left:auto;font-size:1.1rem;opacity:.55}.hero-collage--image{display:flex;align-items:center;justify-content:center;min-height:470px}.hero-console-img{width:min(100%,720px);height:auto;display:block;border-radius:28px;filter:drop-shadow(0 30px 70px rgba(2,8,23,.36))}.dashboard-frame--console{padding:0;background:transparent;border:0;box-shadow:none}.dashboard-frame--console img{width:100%;height:auto;display:block;border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.38);border:1px solid rgba(148,163,184,.22)}
@media(max-width:980px){.hero-collage--image{min-height:auto}.primary-nav .sub-menu{top:auto}.primary-nav .sub-menu .sub-menu{left:auto;top:auto}}

/* ============================================================
   v5.0 — compact enterprise SaaS layout system
   Goal: reduce vertical real estate by converting large feature
   cards into smaller horizontal capability pills across pages.
   ============================================================ */
:root{
  --v5-pill-bg:rgba(255,255,255,.94);
  --v5-pill-border:#dbeafe;
  --v5-pill-shadow:0 12px 30px rgba(15,23,42,.075);
  --v5-pill-shadow-hover:0 18px 44px rgba(37,99,235,.13);
}
.section{padding-top:72px;padding-bottom:72px}.section--compact{padding-top:52px;padding-bottom:52px}
.split{gap:34px}.split h2{max-width:850px}.split p{max-width:760px}
.capability-pill-grid,
.impact-pill-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-content:start;
}
.capability-pill{
  min-height:62px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 16px;
  border-radius:18px;
  background:var(--v5-pill-bg);
  border:1px solid var(--v5-pill-border);
  box-shadow:var(--v5-pill-shadow);
  transform:none;
}
.impact-pill-grid>div{
  min-height:62px;
  display:block;
  padding:16px 18px;
  border-radius:18px;
  background:var(--v5-pill-bg);
  border:1px solid var(--v5-pill-border);
  box-shadow:var(--v5-pill-shadow);
  transform:none;
}
.impact-pill-grid h3{margin:0 0 6px}
.capability-pill:hover,
.impact-pill-grid>div:hover{box-shadow:var(--v5-pill-shadow-hover);border-color:#bfdbfe;transform:translateY(-1px)}
.capability-pill__icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;border-radius:12px;background:linear-gradient(135deg,#eff6ff,#eef2ff);font-size:1.05rem;box-shadow:inset 0 0 0 1px rgba(37,99,235,.10)}
.capability-pill__body{min-width:0;display:flex;flex-direction:column;gap:1px}.capability-pill strong,.impact-pill-grid h3{font-size:.94rem;line-height:1.28;margin:0;color:#0f172a;letter-spacing:-.018em;white-space:normal;overflow:visible;text-overflow:clip}.capability-pill em,.impact-pill-grid p{font-style:normal;font-size:.81rem;line-height:1.4;margin:0;color:#64748b;display:block;overflow:visible}
/* Make generic generated page grids look like concise SaaS capability rows instead of large brochure cards. */
.impact-grid{gap:12px;margin:18px 0}.impact-grid>div{min-height:64px;padding:14px 16px;border-radius:18px}.impact-grid h3{font-size:.96rem;margin:0 0 3px}.impact-grid p{font-size:.83rem;line-height:1.35;margin:0}
/* Keep large product/service cards where they are selling objects, but reduce dead space. */
.feature-card,.content-card,.product-card,.case-card{padding:18px;border-radius:22px}.feature-card h3,.content-card h3,.product-card h3,.case-card h3{margin-top:0}.feature-card p,.content-card p,.product-card p,.case-card p{font-size:.93rem;line-height:1.55}
/* Side stacks become tighter horizontal rows on all rich pages. */
.stack-card-group{gap:12px}.stack-card-group .glass-card{padding:15px 17px;border-radius:18px;min-height:auto}.stack-card-group .glass-card h3{font-size:.96rem;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack-card-group .glass-card p{font-size:.84rem;line-height:1.42;margin:0;color:#64748b}
/* More enterprise-grade wording/spacing rhythm on generated content areas. */
.impact-copy{max-width:1040px}.impact-copy h2{font-size:clamp(1.55rem,2.15vw,2.1rem);margin-bottom:10px}.impact-copy p{font-size:.98rem;line-height:1.68}.impact-copy ul{padding:16px 20px;border-radius:18px}.entry-content{line-height:1.68}
/* Header fine-tune for v5: reduce menu pressure and prevent hover conflicts. */
.primary-nav .menu>li>a{padding:0 9px}.primary-nav .sub-menu{transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu,.primary-nav li.is-open>.sub-menu{transition:opacity .12s ease,transform .12s ease,visibility 0s linear 0s}.primary-nav .sub-menu a{min-height:40px;padding:10px 12px;font-size:.88rem}
@media(min-width:1180px){.capability-pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-pill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.section{padding-top:54px;padding-bottom:54px}.capability-pill-grid,.impact-pill-grid{grid-template-columns:1fr}.capability-pill,.impact-pill-grid>div{min-height:58px}.split{gap:24px}}
@media(max-width:640px){.capability-pill,.impact-pill-grid>div{align-items:flex-start}.capability-pill strong,.impact-pill-grid h3{white-space:normal}.site-title{max-width:none}}

/* ============================================================
   v5.1.2 — homepage deduplication + tighter spacing
   Mega menu, automatic breadcrumbs, mobile nav polish, sections,
   interactive architecture, 8px spacing rhythm, performance trims.
   ============================================================ */
:root{
  --space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;
  --ease-enter:cubic-bezier(.16,1,.3,1);
}
.site-header{position:sticky;top:0;background:rgba(6,16,32,.74);backdrop-filter:saturate(140%) blur(18px);-webkit-backdrop-filter:saturate(140%) blur(18px);box-shadow:0 10px 34px rgba(2,8,23,.14);transition:background .18s var(--ease-enter),box-shadow .18s var(--ease-enter),border-color .18s var(--ease-enter);border-bottom:1px solid rgba(255,255,255,.1)}
.site-header.is-scrolled{background:rgba(6,16,32,.94);box-shadow:0 20px 60px rgba(2,8,23,.24)}
.primary-nav .menu>li{position:relative}.primary-nav .sub-menu{display:grid;grid-template-columns:1fr;gap:4px;min-width:330px;padding:14px;transform:translateY(10px) scale(.985);transform-origin:top left;transition:opacity .14s var(--ease-enter),transform .14s var(--ease-enter),visibility 0s linear .14s}.primary-nav li.is-open>.sub-menu,.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{transform:translateY(0) scale(1)}.primary-nav .sub-menu::before{content:"";position:absolute;left:28px;top:-7px;width:14px;height:14px;background:#fff;transform:rotate(45deg);border-left:1px solid rgba(226,232,240,.9);border-top:1px solid rgba(226,232,240,.9);z-index:-1}.primary-nav .sub-menu a{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px}.primary-nav .sub-menu .sub-menu{left:calc(100% + 14px);top:-14px}.primary-nav .sub-menu .sub-menu::after{content:"";position:absolute;top:0;bottom:0;left:-18px;width:18px;background:transparent}.menu-link__icon,.clynx-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#eef2ff);color:#2563eb;font-size:.92rem;line-height:1;box-shadow:inset 0 0 0 1px rgba(37,99,235,.12)}
.mobile-panel{max-height:calc(100vh - 68px);overflow:auto;padding:12px 20px 22px}.mobile-panel .menu>li>a{border-bottom:1px solid #e2e8f0;padding:14px 0}.mobile-panel .menu-item-has-children>a{display:flex;align-items:center;justify-content:space-between}.mobile-panel .menu-item-has-children>a:after{content:"+";font-size:1.2rem;color:#2563eb}.mobile-panel .menu-item-has-children.is-open>a:after{content:"–"}.mobile-panel .sub-menu{margin:0;padding:8px 0 8px 14px;border-left:2px solid #bfdbfe}.mobile-panel .sub-menu a{font-size:.92rem;padding:9px 0;color:#334155}
.breadcrumb-auto{background:rgba(248,251,255,.86);border-bottom:1px solid #e2e8f0}.breadcrumb-auto ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;margin:0;padding:10px 0}.breadcrumb-auto li{font-size:.82rem;color:#64748b}.breadcrumb-auto li+li:before{content:"/";margin-right:8px;color:#94a3b8}.breadcrumb-auto a{color:#2563eb;text-decoration:none;font-weight:750}.breadcrumb-auto span{color:#475569;font-weight:700}
.section{padding-top:var(--space-10);padding-bottom:var(--space-10)}.section-heading{margin-bottom:var(--space-4)}.section-heading--split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr);gap:var(--space-4);align-items:end}.section-heading--split>p{color:#64748b;line-height:1.65;margin:0}.section--logos{padding:var(--space-4) 0;background:#fff;border-bottom:1px solid #e2e8f0}.logo-carousel{display:grid;grid-template-columns:310px minmax(0,1fr);gap:var(--space-3);align-items:center;overflow:hidden}.logo-carousel__intro h2{font-size:1rem;line-height:1.45;margin:3px 0 0;color:#0f172a}.logo-carousel__track{display:flex;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.logo-carousel__group{display:flex;flex:0 0 auto;gap:12px;padding-right:12px;animation:clynx-marquee 16s linear infinite}.logo-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;min-width:180px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#334155;font-weight:850;font-size:.86rem}@keyframes clynx-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.industry-grid,.pricing-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.industry-card,.pricing-card,.testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px;box-shadow:0 16px 42px rgba(15,23,42,.07);transition:transform .18s var(--ease-enter),box-shadow .18s var(--ease-enter),border-color .18s var(--ease-enter)}.industry-card:hover,.pricing-card:hover,.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(37,99,235,.13);border-color:#bfdbfe}.industry-card h3,.pricing-card h3{font-size:1.05rem;margin:14px 0 8px}.industry-card p,.pricing-card p,.testimonial-card p{font-size:.92rem;line-height:1.56;color:#64748b;margin:0}.clynx-icon--industry{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#dbeafe,#ecfeff)}
@media(min-width:1181px){.pricing-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ai-panel{display:grid;grid-template-columns:.92fr 1.08fr;gap:var(--space-5);align-items:center;padding:var(--space-6);border-radius:32px;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.22),transparent 30%),linear-gradient(135deg,#07111f,#12233f);color:#fff;box-shadow:0 32px 90px rgba(2,8,23,.25)}.ai-panel h2{color:#fff}.ai-panel .lead{color:#cbd5e1}.ai-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.ai-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-chip{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}.ai-chip strong{display:block;color:#fff;font-size:.96rem;margin-bottom:4px}.ai-chip span{display:block;color:#b8c7dc;font-size:.84rem;line-height:1.42}.pricing-card>span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:900;font-size:.78rem}.pricing-card ul{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}.pricing-card li{font-size:.88rem;color:#334155}.pricing-card li:before{content:"✓";color:#2563eb;font-weight:900;margin-right:8px}.testimonial-card{margin:0}.testimonial-card p{font-size:1.02rem;color:#0f172a;font-weight:750;line-height:1.55}.testimonial-card cite{display:block;margin-top:18px;color:#64748b;font-style:normal;font-size:.84rem;font-weight:850}.card-dark,.content-card--product,.product-card{will-change:transform;transition:transform .2s var(--ease-enter),box-shadow .2s var(--ease-enter),border-color .2s var(--ease-enter)}.card-dark:hover,.content-card--product:hover,.product-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 34px 90px rgba(37,99,235,.22)}.card-dark img{transition:transform .24s var(--ease-enter),filter .24s var(--ease-enter)}.card-dark:hover img{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 14px 28px rgba(6,182,212,.24))}
.architecture-panel--interactive{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px;align-items:stretch}.arch-diagram--map{position:relative;min-height:430px;border-radius:30px;background:radial-gradient(circle at 50% 48%,rgba(37,99,235,.16),transparent 25%),linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #dbeafe;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.09)}.arch-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.arch-lines path{fill:none;stroke:#93c5fd;stroke-width:3;stroke-linecap:round;stroke-dasharray:8 10;animation:arch-flow 16s linear infinite}@keyframes arch-flow{to{stroke-dashoffset:-180}}.arch-diagram--map .arch-node{position:absolute;left:var(--x);top:var(--y);width:170px;min-height:58px;display:flex;align-items:center;justify-content:flex-start;gap:8px;border:1px solid #cbdaf0;background:rgba(255,255,255,.94);color:#0f172a;border-radius:18px;padding:10px 12px;font-weight:900;box-shadow:0 14px 34px rgba(15,23,42,.1);transform:none;cursor:pointer}.arch-diagram--map .arch-node span{font-size:1rem}.arch-diagram--map .arch-node.is-active{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;border-color:transparent;box-shadow:0 22px 55px rgba(37,99,235,.28)}.arch-node--core{width:190px;min-height:76px;justify-content:center;text-align:center}.arch-content--detail{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:24px;box-shadow:0 24px 70px rgba(15,23,42,.08)}.arch-content--detail .arch-copy{display:none}.arch-content--detail .arch-copy.is-active{display:block;animation:clynx-fade-up .18s var(--ease-enter)}.arch-content--detail h3{font-size:1.22rem;margin:0 0 8px}.arch-content--detail p{color:#64748b;line-height:1.6}.arch-content--detail ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}.arch-content--detail li{padding:10px 12px;border-radius:14px;background:#f8fafc;color:#334155;font-size:.88rem;font-weight:750}@keyframes clynx-fade-up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.site-footer{background:linear-gradient(135deg,#061020,#0b172a)}.footer-mega a,.site-footer a{transition:color .15s var(--ease-enter),opacity .15s var(--ease-enter)}.footer-mega a:hover,.site-footer a:hover{color:#93c5fd}.site-content :where(section,article,div){scroll-margin-top:96px}.site-content img,.site-content svg{max-width:100%;height:auto}.home-hero{padding-top:var(--space-10);padding-bottom:var(--space-10)}.hero-collage--image{min-height:420px}.hero-console-img{content:url('../media/admin-console.svg')}.dashboard-frame--console img{content:url('../media/admin-console.svg')}
@media(max-width:1180px){.site-header__actions .btn-secondary{display:none}.industry-grid,.pricing-grid,.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-panel--interactive{grid-template-columns:1fr}.arch-content--detail{min-height:260px}}
@media(max-width:980px){.section-heading--split,.logo-carousel,.ai-panel{grid-template-columns:1fr}.logo-carousel__track{mask-image:none;overflow:auto;padding-bottom:4px}.logo-carousel__group{animation:none}.logo-carousel__group[aria-hidden="true"]{display:none}.ai-panel{padding:28px}.architecture-panel--interactive{gap:16px}.arch-diagram--map{min-height:560px}.arch-diagram--map .arch-node{left:50%;transform:translateX(-50%);width:min(86%,360px)}.arch-diagram--map .arch-node:nth-of-type(1){top:24px}.arch-diagram--map .arch-node:nth-of-type(2){top:96px}.arch-diagram--map .arch-node:nth-of-type(3){top:168px}.arch-diagram--map .arch-node:nth-of-type(4){top:254px}.arch-diagram--map .arch-node:nth-of-type(5){top:354px}.arch-diagram--map .arch-node:nth-of-type(6){top:426px}.arch-diagram--map .arch-node:nth-of-type(7){top:498px}.arch-diagram--map .arch-node:nth-of-type(8){top:570px}.arch-lines{display:none}.breadcrumb-auto ol{padding:8px 0}.site-header{backdrop-filter:blur(14px)}}
@media(max-width:767px){.hero-collage,.hero-collage--image{display:none}}
@media(max-width:680px){.section{padding-top:56px;padding-bottom:56px}.industry-grid,.pricing-grid,.testimonial-grid,.ai-chip-grid{grid-template-columns:1fr}.ai-panel{border-radius:24px;padding:22px}.logo-pill{min-width:160px}.home-hero{padding-top:56px;padding-bottom:56px}.site-header__actions{gap:6px}.menu-toggle{height:42px;border-radius:999px;padding:0 14px;background:#fff;color:#0f172a;border:0;font-weight:900}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms;scroll-behavior:auto}.logo-carousel__group{animation:none}.arch-lines path{animation:none}}

/* v5.1.1 homepage hierarchy refinements */
.product-intelligence-section .split{align-items:center;gap:clamp(32px,5vw,72px)}
.intelligence-pill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 8px}
.intelligence-pill{border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.055);border-radius:16px;padding:14px 16px;min-height:78px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.intelligence-pill:hover{transform:translateY(-2px);border-color:rgba(20,200,168,.36);background:rgba(20,200,168,.08)}
.intelligence-pill strong{display:block;color:#fff;font-size:15px;line-height:1.25;margin-bottom:5px}
.intelligence-pill span{display:block;color:rgba(226,232,240,.72);font-size:13px;line-height:1.45}
.capability-strip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.capability-strip{display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.055);border-radius:18px;padding:18px;min-height:156px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.capability-strip:hover{transform:translateY(-3px);border-color:rgba(20,200,168,.34);background:rgba(20,200,168,.075)}
.capability-strip__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(20,200,168,.12);flex:0 0 auto}
.capability-strip h3{color:#fff;font-size:16px;margin:0 0 8px;line-height:1.25}
.capability-strip p{color:rgba(226,232,240,.72);font-size:13px;line-height:1.55;margin:0}
@media(max-width:1100px){.capability-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-strip{min-height:auto}.intelligence-pill-grid{grid-template-columns:1fr}}
@media(max-width:640px){.capability-strip-grid{grid-template-columns:1fr}.capability-strip{padding:16px}.intelligence-pill{min-height:auto}}


/* v5.1.2 — remove duplicate capability block and tighten homepage spacing */
.enterprise-capabilities{display:none;}
body.home .site-main > .section,
body.home .site-content > .section,
body.home main > .section{
  padding-top:72px;
  padding-bottom:72px;
}
body.home .section--tight,
body.home .section--compact{
  padding-top:48px;
  padding-bottom:48px;
}
body.home .section-heading,
body.home .section-heading.text-center{
  margin-bottom:24px;
}
body.home .section-heading h2{margin-bottom:12px;}
body.home .section-heading p{margin-top:0;}
body.home .container > :last-child{margin-bottom:0;}
body.home .home-hero{
  padding-top:88px;
  padding-bottom:72px;
}
body.home .section--logos{padding-top:24px;padding-bottom:24px;}
body.home .card-grid,
body.home .product-grid,
body.home .industry-grid,
body.home .pricing-grid,
body.home .testimonial-grid,
body.home .case-grid,
body.home .service-showcase-grid{
  row-gap:24px;
}
body.home .architecture-panel--interactive,
body.home .dashboard-frame,
body.home .panel,
body.home .ai-panel{
  margin-top:24px;
}
@media(max-width:980px){
  body.home .site-main > .section,
  body.home .site-content > .section,
  body.home main > .section{
    padding-top:32px;
    padding-bottom:32px;
  }
  body.home .home-hero{padding-top:40px;padding-bottom:32px;}
}
@media(max-width:680px){
  body.home .site-main > .section,
  body.home .site-content > .section,
  body.home main > .section{
    padding-top:24px;
    padding-bottom:24px;
  }
  body.home .section-heading{margin-bottom:12px;}
  body.home .home-hero{padding-top:32px;padding-bottom:24px;}
}

/* v5.2.0 enterprise SaaS polish */
.site-header{position:sticky;top:0;background:rgba(2,12,32,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.10);z-index:10000}.utility-strip{display:none}.site-header__inner{min-height:72px}.primary-nav .menu{gap:0}.primary-nav .menu>li:not(:last-child)::after{content:"|";display:flex;align-items:center;color:rgba(255,255,255,.34);font-weight:500;padding:0 2px}.primary-nav .menu>li>a{padding:14px 13px;font-weight:820;letter-spacing:-.01em}.primary-nav .menu>li>a::before,.primary-nav .sub-menu::before{content:none}.primary-nav .menu-item-has-children>a:after{content:"⌄";margin-left:6px}.primary-nav .sub-menu{min-width:330px;max-width:420px}.primary-nav .sub-menu .sub-menu{left:100%;top:0;transform:translate(10px,0)}.primary-nav li:hover>.sub-menu .sub-menu{transform:translate(8px,0)}.site-header__actions .btn-primary{box-shadow:0 10px 28px rgba(37,99,235,.28)}.site-header__actions .btn-secondary{display:none}
.section{padding-top:36px;padding-bottom:36px}.section--dark{padding-top:40px;padding-bottom:40px}.section-heading{max-width:920px}.home-proof{padding:20px 0;background:linear-gradient(90deg,#eef8ff,#f7fbff)}.proof-list-v2{gap:12px}.proof-list-v2 li{padding:18px 18px;min-height:118px}.proof-list-v2 strong{font-size:1.75rem;color:#1d4ed8}.proof-list-v2--env{gap:10px}.proof-list-v2--env li{padding:12px 10px;min-height:auto;border-radius:14px}.proof-list-v2--env strong{font-size:1.05rem;letter-spacing:-.01em;margin-bottom:1px}.proof-list-v2--env span{font-size:.72rem;line-height:1.3}.logo-carousel__track{gap:0}.logo-carousel__group{animation-duration:16s}.logo-pill{min-width:172px;padding:10px 13px}.logo-carousel__intro .eyebrow{margin-bottom:2px}.logo-carousel__intro h2{font-size:.96rem}
.product-suite-grid{align-items:stretch}.product-brand-card{position:relative;overflow:hidden;border-color:color-mix(in srgb, var(--product-accent) 30%, rgba(255,255,255,.15));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-brand-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--product-accent) 22%,transparent),transparent 42%);pointer-events:none}.product-brand-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(0,0,0,.32);border-color:color-mix(in srgb,var(--product-accent) 58%,rgba(255,255,255,.22))}.product-brand-card__top{display:flex;gap:16px;align-items:center;margin-bottom:18px;position:relative}.product-brand-card__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:color-mix(in srgb, var(--product-accent) 26%, rgba(255,255,255,.08));color:#fff;font-size:1.35rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--product-accent) 44%,rgba(255,255,255,.20))}.deployment-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}.deployment-badges span{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font-size:.75rem;font-weight:820;color:#dbeafe}.pricing-card{position:relative}.pricing-card.is-featured{border-color:#2563eb;box-shadow:0 20px 55px rgba(37,99,235,.18)}.pricing-ribbon{position:absolute;top:-14px;right:18px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:850;font-size:.72rem}.btn-small{padding:9px 13px;font-size:.82rem;margin-top:12px}.pricing-card .btn-secondary{background:transparent;border:1.5px solid #2563eb;color:#1d4ed8;font-weight:800}.pricing-card .btn-secondary:hover{background:#2563eb;color:#fff}.architecture-panel--interactive{scroll-margin-top:92px}.arch-node{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.arch-node:hover,.arch-node:focus{transform:translateY(-2px);box-shadow:0 14px 34px rgba(37,99,235,.18);outline:3px solid rgba(20,184,166,.28)}[data-reveal]{transition-duration:.42s}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(20,184,166,.72);outline-offset:3px}.site-content{overflow:hidden}.home-dashboard,.home-ai-automation,.home-testimonials{display:none}
@media(max-width:1180px){.pricing-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav .menu>li>a{padding:12px 9px;font-size:.86rem}.site-header__actions .btn{padding:11px 13px}}
@media(max-width:760px){.section,.section--dark{padding-top:26px;padding-bottom:26px}.pricing-grid--5{grid-template-columns:1fr}.site-header__inner{min-height:64px}.primary-nav{display:none}.site-header__actions .btn{display:none}}

.footer-menu{display:flex;flex-wrap:wrap;gap:6px 16px}
.footer-menu li{display:inline-flex}
.footer-menu a{white-space:nowrap}
.footer-mega__menus > div{padding-bottom:4px}

/* ===================================================================
   NESTED FLYOUT SUBMENU — authoritative, consolidated system.
   Appended last so it decisively wins over earlier fragments.
   Level 1 (Products, Solutions, ...) drops down below the nav bar.
   Level 2 (Vantage Intelligence, Cadence Orchestration, ...) flies
   out to the right of its parent item instead of stacking below it.
   =================================================================== */
@media(min-width:981px){
  .primary-nav .menu > li{position:relative}
  .primary-nav .sub-menu li{position:relative}
  .primary-nav .sub-menu .sub-menu{
    position:absolute;
    top:-9px;
    left:calc(100% + 10px);
    margin:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(6px);
    transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;
  }
  .primary-nav .sub-menu li:hover > .sub-menu,
  .primary-nav .sub-menu li:focus-within > .sub-menu,
  .primary-nav .sub-menu li.is-open > .sub-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0);
    transition:opacity .15s ease,transform .15s ease,visibility 0s linear 0s;
  }
  .primary-nav .sub-menu li.menu-item-has-children > a{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .primary-nav .sub-menu li.menu-item-has-children > a:after{content:"›";font-size:1rem;opacity:.5;flex-shrink:0;margin-left:auto}
  .primary-nav .sub-menu .sub-menu li.menu-item-has-children > a:after{content:"›"}
}
@media(max-width:980px){
  .primary-nav .sub-menu .sub-menu{position:static;left:auto;top:auto;margin:6px 0 6px 14px;transform:none;box-shadow:none;border-left:2px solid #dbeafe;border-radius:8px}
}

/* v5.5.2 product hierarchy polish */
.product-page-visual{width:100%;height:auto;border-radius:24px;display:block;box-shadow:0 24px 70px rgba(15,23,42,.18);}
.site-header .menu-item-has-children{position:relative;}
.site-header .sub-menu{min-width:260px;}
.site-header .sub-menu .sub-menu{left:100%;top:0;margin-left:8px;}
.site-header .sub-menu a{white-space:nowrap;}


/* v5.5.5 - Vantage/Cadence consolidated edition polish */
.page-hero--product-cat{background:radial-gradient(circle at 20% 5%,rgba(14,165,233,.18),transparent 28%),linear-gradient(180deg,#f8fbff 0%,#ffffff 72%)}
.page-hero--product-cat .hero-split{gap:48px;align-items:center}
.page-hero--product-cat h1{letter-spacing:-.045em;max-width:980px}
.page-hero--product-cat .lead{max-width:820px;color:#49617f}
.page-hero--product-cat .service-visual{border:1px solid rgba(37,99,235,.16);box-shadow:0 28px 80px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.85)}
.page-template-page-product-category .editable-content-section{padding-top:28px;padding-bottom:28px}
.page-template-page-product-category .section:has(.content-card--product){padding-top:42px}
.content-card--product{position:relative;overflow:hidden;min-height:330px;border:1px solid rgba(37,99,235,.16);background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 24px 70px rgba(15,23,42,.08);padding:26px}
.content-card--product:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed);opacity:.95}
.content-card--product:nth-child(2):before{background:linear-gradient(90deg,#14b8a6,#22c55e,#0ea5e9)}
.content-card--product:nth-child(3):before{background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b)}
.content-card--product h3{font-size:1.42rem;letter-spacing:-.025em;color:#061329;margin-top:10px;margin-bottom:10px}
.content-card--product p{color:#31445f;line-height:1.58;font-size:.98rem}
.content-card--product .tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.content-card--product .pill{border:1px solid rgba(6,182,212,.24);background:linear-gradient(180deg,#eaffff,#eef7ff);color:#0284a8;box-shadow:none}
.content-card--product ul li{font-weight:680;color:#557098;line-height:1.45}
.content-card--product .text-link{font-weight:900;color:#1357ff;letter-spacing:-.01em}
.page-template-page-product-detail .service-pillars{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(239,246,255,.78));border:1px solid rgba(37,99,235,.14);box-shadow:0 18px 54px rgba(15,23,42,.08)}
.comparison-table th,.comparison-table td{vertical-align:top}
@media(max-width:980px){.page-hero--product-cat .hero-split{gap:28px}.content-card--product{min-height:280px}}


/* v5.5.6 — restore v5.5.3-strength product family visuals and left-aligned product pages */
.page-template-page-product-category .page-hero--product-cat{
  background:var(--grad-hero);
  color:#fff;
  padding:96px 0 82px;
  border-bottom:1px solid rgba(6,182,212,.16);
}
.page-template-page-product-category .page-hero--product-cat:before{
  opacity:.55;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);
}
.page-template-page-product-category .page-hero--product-cat.product-family--vantage{
  background:radial-gradient(circle at 10% 18%,rgba(34,211,238,.32),transparent 30%),radial-gradient(circle at 84% 20%,rgba(37,99,235,.32),transparent 32%),linear-gradient(145deg,#06111f 0%,#0b1730 54%,#07111f 100%);
}
.page-template-page-product-category .page-hero--product-cat.product-family--cadence{
  background:radial-gradient(circle at 10% 18%,rgba(124,58,237,.34),transparent 30%),radial-gradient(circle at 78% 18%,rgba(6,182,212,.28),transparent 32%),linear-gradient(145deg,#080f24 0%,#111b3d 52%,#07111f 100%);
}
.page-template-page-product-category .page-hero--product-cat .container,
.page-template-page-product-category .section > .container,
.page-template-page-product-category .editable-content-section > .container{
  max-width:1480px;
}
.page-template-page-product-category .page-hero--product-cat .hero-split{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr);
  gap:64px;
  align-items:center;
}
.page-template-page-product-category .page-hero--product-cat h1{
  color:#ffffff;
  max-width:820px;
  font-size:clamp(2.1rem,4.2vw,3.6rem);
  line-height:1.05;
  letter-spacing:-.03em;
  text-shadow:0 18px 52px rgba(2,8,23,.42);
}
.page-template-page-product-category .page-hero--product-cat .lead{
  color:#dbeafe;
  max-width:820px;
  font-size:clamp(1.02rem,1.25vw,1.22rem);
  line-height:1.65;
}
.page-template-page-product-category .page-hero--product-cat .eyebrow{
  color:#67e8f9;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.page-template-page-product-category .page-hero--product-cat .breadcrumb-lite a{
  color:rgba(219,234,254,.72);
}
.page-template-page-product-category .page-hero--product-cat .btn-secondary{
  color:#dbeafe;
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
  box-shadow:none;
}
.page-template-page-product-category .page-hero--product-cat .btn-secondary:hover{
  color:#06111f;
  background:#fff;
}
.page-template-page-product-category .page-hero--product-cat .service-visual{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(191,219,254,.28);
  box-shadow:0 34px 100px rgba(2,8,23,.45), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(18px);
}
.page-template-page-product-category .page-hero--product-cat .service-visual img{
  border-radius:22px;
  box-shadow:0 28px 70px rgba(2,8,23,.35);
}
.page-template-page-product-category .editable-content-section{
  padding-top:48px;
  padding-bottom:40px;
}
.page-template-page-product-category .impact-copy{
  max-width:1180px;
  margin-left:0;
  margin-right:auto;
}
.page-template-page-product-category .impact-copy ul{
  border-color:rgba(37,99,235,.18);
  box-shadow:0 22px 70px rgba(15,23,42,.08);
}
.page-template-page-product-category .section-heading{
  text-align:left;
  margin-left:0;
  margin-right:auto;
  max-width:960px;
}
.page-template-page-product-category .section-heading h2{
  max-width:900px;
}
.page-template-page-product-category .section-heading p{
  max-width:820px;
}
.page-template-page-product-category .card-grid--3{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
.page-template-page-product-category .content-card--product{
  min-height:300px;
  border-color:rgba(37,99,235,.2);
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 24px 70px rgba(15,23,42,.10);
}
.page-template-page-product-category .product-family--vantage ~ .section .content-card--product:before{
  background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed);
}
.page-template-page-product-category .product-family--cadence ~ .section .content-card--product:before{
  background:linear-gradient(90deg,#7c3aed,#2563eb,#06b6d4);
}
.page-template-page-product-category .content-card--product .pill{
  background:linear-gradient(135deg,#e0f7ff,#eef2ff);
  color:#0369a1;
  border-color:rgba(6,182,212,.26);
  font-weight:900;
}
@media(max-width:980px){
  .page-template-page-product-category .page-hero--product-cat{padding:72px 0 56px;}
  .page-template-page-product-category .page-hero--product-cat .hero-split{grid-template-columns:1fr;gap:32px;}
  .page-template-page-product-category .card-grid--3{grid-template-columns:1fr;}
}


/* v5.6.0 emergency product-page rendering fix: product detail URLs resolve as clynx_product singles, so style the CPT template directly. */
.single-clynx_product .product-detail-pills-section,
.page-template-page-product-detail .product-detail-pills-section{padding-top:34px;padding-bottom:22px;background:linear-gradient(180deg,#f8fbff 0%,#eef7ff 100%)}
.single-clynx_product .pill-matrix--universal,
.page-template-page-product-detail .pill-matrix--universal,
.product-capability-strip-v559 .pill-matrix--universal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.single-clynx_product .pill-matrix--universal article,
.page-template-page-product-detail .pill-matrix--universal article,
.product-capability-strip-v559 .pill-matrix--universal article{position:relative;overflow:hidden;border-radius:24px;padding:22px 24px;background:linear-gradient(145deg,#ffffff,#f4f8ff);border:1px solid rgba(37,99,235,.18);box-shadow:0 18px 45px rgba(15,23,42,.09);min-height:156px}
.single-clynx_product .pill-matrix--universal article:before,
.page-template-page-product-detail .pill-matrix--universal article:before,
.product-capability-strip-v559 .pill-matrix--universal article:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed)}
.single-clynx_product .pill-matrix--universal span,
.page-template-page-product-detail .pill-matrix--universal span,
.product-capability-strip-v559 .pill-matrix--universal span{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:#0891b2;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-family:var(--mono,monospace)}
.single-clynx_product .pill-matrix--universal strong,
.page-template-page-product-detail .pill-matrix--universal strong,
.product-capability-strip-v559 .pill-matrix--universal strong{display:block;color:#0f172a;font-size:1rem;line-height:1.55;font-weight:760}
.single-clynx_product .product-story-section{padding-top:30px;background:#f8fbff}
.single-clynx_product .product-story-card{background:linear-gradient(135deg,#071426,#12284d);color:#fff;border-radius:28px;padding:30px;box-shadow:0 26px 70px rgba(2,8,23,.24);border:1px solid rgba(125,211,252,.18)}
.single-clynx_product .product-story-card h2{color:#fff;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.02;margin:.15em 0 .35em}
.single-clynx_product .product-story-card p{color:#cbd5e1;line-height:1.65}.single-clynx_product .product-story-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.single-clynx_product .stack-card-group .glass-card{background:#fff;border:1px solid rgba(37,99,235,.15);box-shadow:0 14px 38px rgba(15,23,42,.08);border-radius:22px}
.product-editor-rich{display:grid;gap:18px}.product-editor-overview,.product-editor-pillset article{border-radius:24px;background:linear-gradient(145deg,#fff,#f4f8ff);border:1px solid rgba(37,99,235,.16);box-shadow:0 16px 45px rgba(15,23,42,.08);padding:24px}.product-editor-overview span,.product-editor-pillset span{display:inline-block;margin-bottom:10px;color:#0891b2;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.product-editor-pillset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-editor-pillset ul{margin:0;padding-left:18px}
.products-directory-v559 .product-family-stack-v559{display:grid;gap:28px}.family-panel-v559{border-radius:30px;padding:28px;background:linear-gradient(135deg,#071426,#132a53);color:#fff;border:1px solid rgba(125,211,252,.18);box-shadow:0 24px 72px rgba(2,8,23,.18)}.family-panel-v559--violet{background:linear-gradient(135deg,#111033,#1e2b68)}.family-panel-v559__intro p{color:#cbd5e1}.family-panel-v559__intro h3{color:#fff}.edition-card-v559{background:rgba(255,255,255,.96);color:#0f172a;border-radius:24px;border:1px solid rgba(147,197,253,.32);box-shadow:0 18px 48px rgba(2,8,23,.13)}.edition-card-v559 h4{color:#0f172a}.edition-card-v559__badge-row span{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.capability-pills-list--v559{list-style:none;margin:18px 0;padding:0;display:grid;gap:9px}.capability-pills-list--v559 li{background:#f1f5ff;border:1px solid #dbeafe;border-radius:14px;padding:10px 12px;color:#334155;font-weight:750;font-size:.9rem}
@media(max-width:980px){.single-clynx_product .pill-matrix--universal,.page-template-page-product-detail .pill-matrix--universal,.product-capability-strip-v559 .pill-matrix--universal,.product-editor-pillset{grid-template-columns:1fr}.single-clynx_product .pill-matrix--universal article{min-height:auto}.family-panel-v559{padding:20px}}

/* v5.6.1 hard product-detail renderer: prevents plain page-content fallback */
.clynx-product-hero-v561{position:relative;overflow:hidden;padding:96px 0 72px;background:#061124;color:#fff;}
.clynx-product-hero-v561--cyan{background:radial-gradient(circle at 10% 0%,rgba(6,182,212,.38),transparent 38%),linear-gradient(135deg,#061124 0%,#0b1d3b 52%,#111827 100%)}
.clynx-product-hero-v561--violet{background:radial-gradient(circle at 10% 0%,rgba(124,58,237,.42),transparent 38%),linear-gradient(135deg,#0b1024 0%,#17154a 52%,#061124 100%)}
.clynx-product-hero-v561__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.76fr);gap:56px;align-items:center;}
.clynx-product-hero-v561__copy{max-width:860px;text-align:left}.clynx-product-hero-v561 .breadcrumb-lite,.clynx-product-hero-v561 .breadcrumb-lite a{color:rgba(219,234,254,.78)}
.clynx-product-hero-v561 .eyebrow{color:#67e8f9;letter-spacing:.14em;font-weight:950}.clynx-product-hero-v561 h1{font-size:clamp(2.1rem,4.2vw,3.6rem);line-height:1.05;letter-spacing:-.03em;margin:12px 0 18px;color:#fff;max-width:960px;}
.clynx-product-hero-v561 h2{font-size:clamp(1.45rem,2.2vw,2.15rem);line-height:1.14;color:#e0f2fe;letter-spacing:-.035em;margin:0 0 18px}.clynx-product-hero-v561 .lead{color:#bfd3ee;font-size:1.13rem;max-width:820px;line-height:1.65}.deployment-badges-v561{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.deployment-badges-v561 span{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(103,232,249,.13);border:1px solid rgba(103,232,249,.25);color:#cffafe;font-family:var(--mono,monospace);font-size:.78rem;font-weight:900;letter-spacing:.08em}.clynx-product-visual-v561{border-radius:28px;padding:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 70px rgba(0,0,0,.32);}.visual-screen-v561{border-radius:24px;background:#07101f;padding:32px;color:#fff;min-height:300px}.visual-screen-v561 strong{font-size:1.25rem}.visual-chart-v561{height:130px;margin:28px 0;border-radius:16px;background:linear-gradient(135deg,rgba(14,165,233,.25),rgba(124,58,237,.25)),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 46px);position:relative;overflow:hidden}.visual-chart-v561:after{content:"";position:absolute;inset:30px 32px;background:linear-gradient(135deg,transparent 40%,#22d3ee 41% 45%,transparent 46%),linear-gradient(45deg,transparent 50%,#8b5cf6 51% 55%,transparent 56%);opacity:.95}.visual-row-v561{display:flex;justify-content:space-between;gap:16px;margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.07);color:#cbd5e1}.visual-row-v561 b{color:#fff}.product-detail-pills-section--v561{background:linear-gradient(180deg,#eef7ff 0%,#f8fbff 100%);padding:42px 0}.pill-matrix-v561{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pill-matrix-v561 article{position:relative;overflow:hidden;border-radius:24px;padding:24px 24px 26px;background:linear-gradient(145deg,#ffffff,#f3f8ff);border:1px solid rgba(37,99,235,.18);box-shadow:0 18px 45px rgba(15,23,42,.10);min-height:162px}.pill-matrix-v561 article:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed)}.pill-matrix-v561 span{display:inline-flex;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:#ddfaff;color:#0891b2;border:1px solid rgba(6,182,212,.25);font-family:var(--mono,monospace);font-size:.75rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.pill-matrix-v561 strong{display:block;color:#0f172a;font-size:1rem;line-height:1.55;font-weight:760}.product-feature-section-v561{background:#fff;padding-top:56px}.content-block--product-v561,.feature-list-card-v561{border-radius:28px;background:linear-gradient(145deg,#ffffff,#f5f8ff);border:1px solid rgba(37,99,235,.15);box-shadow:0 18px 50px rgba(15,23,42,.08);padding:32px}.feature-list-card-v561 h3{margin-top:0}.feature-list-card-v561 li{margin:10px 0;color:#334155;font-size:1.02rem}@media(max-width:980px){.clynx-product-hero-v561{padding:72px 0 56px}.clynx-product-hero-v561__grid{grid-template-columns:1fr;gap:32px}.pill-matrix-v561{grid-template-columns:1fr}.clynx-product-visual-v561{display:none}}


.clynx-editable-hero__media,
.clynx-editable-image__frame,
.clynx-editable-card__media {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(18,34,57,.92), rgba(28,58,91,.72));
  border: 1px solid rgba(255,255,255,.14);
}
.clynx-editable-hero__media { min-height: 360px; aspect-ratio: 4 / 3; }
.clynx-editable-card__media { aspect-ratio: 16 / 9; border-radius: 16px 16px 0 0; margin: -1px -1px 18px; }
.clynx-editable-image__frame { aspect-ratio: var(--clynx-aspect-ratio, 16 / 9); }
.clynx-editable-hero__media img,
.clynx-editable-image__frame img,
.clynx-editable-card__media img,
.feature-card__media img,
.brand-placeholder-band img,
.service-visual img,
.wp-block-image.clynx-fit-container img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: var(--clynx-image-fit, cover);
  object-position: var(--clynx-image-position, center);
}
.clynx-editable-image { margin: 0; min-width: 0; }
.clynx-editable-image figcaption { margin-top: 9px; color: var(--text-mid); font-size: .86rem; }
.clynx-editable-image__placeholder {
  min-height: inherit;
  height: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 28px;
  color: rgba(255,255,255,.72);
  text-align: center;
  border: 2px dashed rgba(255,255,255,.22);
  background: radial-gradient(circle at 35% 20%, rgba(83,158,255,.18), transparent 42%);
}
.clynx-editable-image__placeholder .dashicons { font-size: 34px; width: 34px; height: 34px; }
.clynx-editable-grid { display: grid; gap: 22px; align-items: stretch; }
.clynx-editable-grid--1 { grid-template-columns: minmax(0,1fr); }
.clynx-editable-grid--2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.clynx-editable-grid--3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.clynx-editable-grid--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.clynx-editable-card { min-width: 0; height: 100%; }
.clynx-editable-card__body { display: flex; flex-direction: column; height: 100%; }
.clynx-editable-card__body .text-link { margin-top: auto; padding-top: 14px; }
.clynx-editable-card__icon { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(92,154,255,.14); margin-bottom: 14px; font-weight: 800; }
.clynx-editable-card--cadence { border-color: rgba(151,111,255,.4); }
.clynx-editable-card--ai { border-color: rgba(75,222,194,.38); }
.clynx-editable-card--green { border-color: rgba(100,210,145,.38); }
.clynx-editable-pill { display: inline-flex; width: fit-content; text-decoration: none; }
.clynx-align-center { text-align: center; margin-inline: auto; }
.clynx-editable-section--dark { background: #09111f; }
.clynx-editable-section--dark .section-heading h2,
.clynx-editable-section--dark .section-heading p { color: #fff; }
.clynx-editable-cta .final-cta__box { display: flex; justify-content: space-between; gap: 28px; align-items: center; }
.clynx-empty-grid-notice { padding: 24px; border: 1px dashed currentColor; border-radius: 14px; }

/* Gutenberg editor presentation */
.editor-styles-wrapper .clynx-editor-block { box-sizing: border-box; border: 1px solid #cbd5e1; border-radius: 12px; padding: 20px; background: #fff; color: #172033; }
.editor-styles-wrapper .clynx-editor-hero { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(260px,.75fr); gap: 22px; background: #0b1728; color: #fff; }
.editor-styles-wrapper .clynx-editor-hero h1 { color: #fff; }
.editor-styles-wrapper .clynx-editor-media-picker { display: grid; gap: 8px; align-content: start; }
.editor-styles-wrapper .clynx-editor-media-picker img,
.editor-styles-wrapper .clynx-editor-media-placeholder { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; background: #e6edf5; display: grid; place-items: center; color: #526274; }
.editor-styles-wrapper .clynx-editor-button-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.editor-styles-wrapper .clynx-editor-button-row .button { min-width: 130px; min-height: 36px; border: 1px solid #7b8ca1; border-radius: 8px; padding: 8px 12px; }
.editor-styles-wrapper .clynx-editor-button-row .button-primary { background: #2271b1; color: #fff; }
.editor-styles-wrapper .clynx-editor-section > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .clynx-editor-inner-grid > .block-editor-inner-blocks > .block-editor-block-list__layout { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.editor-styles-wrapper .clynx-editor-card { padding: 14px; }
.editor-styles-wrapper .clynx-editor-image-box { padding: 12px; }
.editor-styles-wrapper .clynx-editor-pill-wrap { display: inline-flex; padding: 8px; }
.editor-styles-wrapper .clynx-editor-pill-wrap .pill { display: inline-block; border-radius: 999px; background: #e8eef6; padding: 7px 12px; }
.editor-styles-wrapper .clynx-editor-cta { background: #0b1728; color: #fff; }
.editor-styles-wrapper .clynx-editor-cta h2 { color: #fff; }
.editor-styles-wrapper .clynx-editor-dynamic-grid { background: #eef5fb; }
@media (max-width: 900px) {
  .clynx-editable-grid--3,.clynx-editable-grid--4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .clynx-editable-hero__media { min-height: 280px; }
}
@media (max-width: 680px) {
  .clynx-editable-grid--2,.clynx-editable-grid--3,.clynx-editable-grid--4 { grid-template-columns: 1fr; }
  .clynx-editable-cta .final-cta__box { display: block; }
  .editor-styles-wrapper .clynx-editor-hero { grid-template-columns: 1fr; }
}
.clynx-site-part > :first-child { margin-top: 0; }
.clynx-site-part > :last-child { margin-bottom: 0; }
.clynx-site-part--header-utility { width: 100%; }
.clynx-site-part--header-utility .clynx-site-utility-content { width: 100%; gap: 14px; }
.clynx-site-part--header-utility p { margin: 0; }
.clynx-site-part--header-utility .wp-block-buttons { gap: 14px; }
.clynx-site-part--header-utility .wp-block-button__link { padding: 0; background: transparent; color: inherit; font-size: inherit; }
.clynx-site-part--header-actions .wp-block-buttons { flex-wrap: nowrap; gap: 10px; }
.clynx-site-part--header-actions .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; border-radius: 10px; padding: 10px 16px; background: var(--primary, #2563eb); color: #fff; font-weight: 700; text-decoration: none; white-space: nowrap; }
.clynx-site-part--header-actions .is-style-outline .wp-block-button__link { background: transparent; border: 1px solid currentColor; color: var(--text, #172033); }
.footer-brand-block .clynx-site-part--footer-brand h3 { margin-top: 0; }
.footer-brand-block .footer-pill-row { display: flex; gap: 8px; flex-wrap: wrap; }
.clynx-site-part--footer-bottom p { margin: 0; }
.footer-legal-menu { display: flex; gap: 16px; list-style: none; margin: 0; padding: 0; }
@media (max-width: 980px) {
  .site-header__actions .clynx-site-part--header-actions { display: none; }
}

/* v7.0.2 — exact v6.5.3 homepage restoration */
.clynx-home-v653-hero .hero-console-img {
  content: normal;
  width: 100%;
  height: 100%;
  max-height: 560px;
  object-fit: var(--clynx-home-image-fit, contain);
  object-position: center;
}
.clynx-home-v653-hero .hero-collage--image { overflow: visible; }
.clynx-home-v653-hero .service-pillars li:last-child {
  background: rgba(255,255,255,.9);
  border-color: rgba(90,114,152,.2);
  color: #48617f;
}
.editor-styles-wrapper .clynx-editor-home-v653 { padding: 24px; background: linear-gradient(135deg,#f9fcff,#eef5ff); }
.editor-styles-wrapper .clynx-editor-home-v653__hero { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); gap: 24px; align-items: center; }
.editor-styles-wrapper .clynx-editor-home-v653__copy h1 { font-size: clamp(2rem,4vw,4rem); line-height: .98; margin: 12px 0 18px; }
.editor-styles-wrapper .clynx-editor-home-v653__copy .hero-gradient-word { background: linear-gradient(135deg,#5f5cff,#7b42f6,#0fb8a9); -webkit-background-clip: text; background-clip: text; color: transparent; }
.editor-styles-wrapper .clynx-editor-home-v653__pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.editor-styles-wrapper .clynx-editor-home-v653__media .clynx-editor-media-picker img,
.editor-styles-wrapper .clynx-editor-home-v653__media .clynx-editor-media-placeholder { object-fit: contain; background: #0b1728; min-height: 300px; }
.editor-styles-wrapper .clynx-editor-home-v653__notice { margin-top: 24px; padding: 16px; border-radius: 10px; background: #eef5fb; border: 1px solid #c9d8e8; }
.editor-styles-wrapper .clynx-editor-home-v653__notice p { margin-bottom: 0; }
@media (max-width: 900px) {
  .editor-styles-wrapper .clynx-editor-home-v653__hero { grid-template-columns: 1fr; }
}

/* Default v6.5.3 control-center artwork. A Media Library image replaces this mockup when selected. */
.clynx-control-center {
  width: min(100%, 620px);
  aspect-ratio: 1.08 / 1;
  margin: auto;
  padding: 22px;
  border-radius: 28px;
  color: #fff;
  background: linear-gradient(155deg,#13213c 0%,#071426 72%);
  border: 1px solid rgba(90,128,175,.45);
  box-shadow: 0 34px 80px rgba(5,17,35,.35);
  overflow: hidden;
}
.clynx-control-center__header { display:flex; align-items:center; gap:7px; height:40px; color:#9fb0ce; font-size:.72rem; letter-spacing:.02em; }
.clynx-control-center__header span { margin-right:auto; }
.clynx-control-center__header i { width:6px; height:6px; border-radius:50%; background:#536b8c; }
.clynx-control-center__body { display:grid; grid-template-columns: 28% 1fr; gap:14px; height:calc(100% - 42px); }
.clynx-control-center__rail { display:flex; flex-direction:column; gap:10px; padding:18px 14px; border-radius:18px; background:linear-gradient(180deg,#1c2e4c,#12223a); }
.clynx-control-center__rail b { display:block; height:30px; margin-bottom:4px; border-radius:8px; background:linear-gradient(90deg,#21d4c3,#5877fa); }
.clynx-control-center__rail span { display:block; width:88%; height:7px; border-radius:999px; background:#314966; }
.clynx-control-center__rail span:nth-of-type(2n) { width:72%; }
.clynx-control-center__main { display:grid; grid-template-rows:auto 1fr auto; gap:12px; min-width:0; }
.clynx-control-center__kpis { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.clynx-control-center__kpis > div { min-height:92px; padding:14px; border-radius:13px; background:linear-gradient(180deg,#1d2b49,#16253e); border:1px solid rgba(94,121,160,.24); }
.clynx-control-center__kpis small { display:block; color:#8293b0; font-size:.64rem; line-height:1.35; }
.clynx-control-center__kpis strong { display:block; margin-top:8px; font-size:1.2rem; }
.clynx-control-center__chart { display:flex; flex-direction:column; min-height:180px; padding:14px; border-radius:14px; background:#14243a; border:1px solid rgba(94,121,160,.22); }
.clynx-control-center__chart small { color:#d5ddea; font-size:.66rem; }
.clynx-control-center__bars { display:flex; align-items:flex-end; gap:9px; flex:1; padding-top:16px; border-bottom:1px solid #41516b; }
.clynx-control-center__bars i { flex:1; min-width:9px; border-radius:5px 5px 0 0; background:linear-gradient(180deg,#23c8b6,#4970ee); }
.clynx-control-center__bars i:nth-child(1){height:34%}.clynx-control-center__bars i:nth-child(2){height:58%}.clynx-control-center__bars i:nth-child(3){height:44%}.clynx-control-center__bars i:nth-child(4){height:73%}.clynx-control-center__bars i:nth-child(5){height:62%}.clynx-control-center__bars i:nth-child(6){height:88%}.clynx-control-center__bars i:nth-child(7){height:76%}
.clynx-control-center__signals { display:grid; grid-template-columns:8px 1fr; gap:10px 8px; padding:14px; border-radius:14px; background:#102035; border:1px solid rgba(94,121,160,.22); }
.clynx-control-center__signals span { width:7px; height:7px; border-radius:50%; background:#24d5c0; }
.clynx-control-center__signals b { display:block; height:6px; border-radius:999px; background:#334a68; }
@media (max-width:1100px){.clynx-control-center{padding:16px}.clynx-control-center__chart{min-height:145px}.clynx-control-center__rail{padding-inline:10px}.clynx-control-center__body{gap:10px}}

/* v7.0.3 — exact v6.5.3 About page restoration (scoped; no global color changes) */
.clynx-about-v653-hero__media {
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.clynx-about-v653-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 264px;
  max-height: 430px;
  object-fit: var(--clynx-about-image-fit, cover);
  object-position: var(--clynx-about-image-position, center);
  border-radius: calc(var(--radius-lg, 24px) - 8px);
}
.clynx-about-v653-merged-content {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.12);
}
.clynx-about-v653-merged-content h3 { color: #fff; font-size: 1rem; margin: 0 0 8px; }
.clynx-about-v653-merged-content p { color: var(--text-mid); margin: 0; }

.editor-styles-wrapper .clynx-editor-about-v653 { padding: 22px; }
.editor-styles-wrapper .clynx-editor-about-v653-hero {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr);
  gap: 24px;
  align-items: center;
  background: #0b1728;
  color: #fff;
}
.editor-styles-wrapper .clynx-editor-about-v653-hero h1,
.editor-styles-wrapper .clynx-editor-about-v653-story h2,
.editor-styles-wrapper .clynx-editor-about-v653-cta h2 { color: #fff; }
.editor-styles-wrapper .clynx-editor-about-v653-hero__media .clynx-editor-media-picker img,
.editor-styles-wrapper .clynx-editor-about-v653-hero__media .clynx-editor-media-placeholder { min-height: 280px; object-fit: cover; }
.editor-styles-wrapper .clynx-editor-about-v653-story {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  background: #07111f;
  color: #d6e0ef;
}
.editor-styles-wrapper .clynx-editor-about-v653-story__panel {
  padding: 20px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 16px;
  background: rgba(255,255,255,.055);
}
.editor-styles-wrapper .clynx-editor-about-v653-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.editor-styles-wrapper .clynx-editor-about-v653-pills .pill { display: inline-flex; padding: 7px 11px; border-radius: 999px; background: rgba(92,154,255,.15); }
.editor-styles-wrapper .clynx-editor-about-v653-story ul { margin: 12px 0 0; padding-left: 22px; }
.editor-styles-wrapper .clynx-editor-about-v653-merged { border-top: 1px solid rgba(255,255,255,.14); margin-top: 16px; padding-top: 14px; }
.editor-styles-wrapper .clynx-editor-about-v653-values { background: #eef5ff; }
.editor-styles-wrapper .clynx-editor-about-v653-capabilities { background: #fff; }
.editor-styles-wrapper .clynx-editor-about-v653-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 16px; }
.editor-styles-wrapper .clynx-editor-about-v653-cards article { padding: 18px; background: #fff; border: 1px solid #dce8f5; border-radius: 14px; }
.editor-styles-wrapper .clynx-editor-about-v653-cta { display: flex; justify-content: space-between; align-items: center; gap: 24px; background: #0b1728; color: #d6e0ef; }
@media (max-width: 900px) {
  .editor-styles-wrapper .clynx-editor-about-v653-hero,
  .editor-styles-wrapper .clynx-editor-about-v653-story { grid-template-columns: 1fr; }
  .editor-styles-wrapper .clynx-editor-about-v653-cards { grid-template-columns: 1fr; }
  .editor-styles-wrapper .clynx-editor-about-v653-cta { display: block; }
}

/* v7.0.7 Gutenberg editor previews for exact v6.5.3 page components. */
.clynx-v653-editor-preview{border:1px solid #ccd8e8;border-radius:14px;padding:22px;background:#fff;box-shadow:0 8px 24px rgba(15,30,53,.06)}
.clynx-v653-editor-preview__label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#5a7298;margin-bottom:14px}
.clynx-v653-editor-preview h2{margin:.25em 0 .4em;font-size:1.7rem}
.clynx-v653-editor-preview .eyebrow{color:#5b5cff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.clynx-v653-editor-note{font-size:12px;color:#6d7f99;background:#f5f8fc;padding:10px 12px;border-radius:8px;margin-top:14px}
.clynx-v653-grid-placeholder,.clynx-v653-image-placeholder{border:1px dashed #aebfd4;border-radius:10px;padding:24px;text-align:center;color:#6d7f99;background:#f8fafc;margin-top:12px}
.clynx-v653-media-control{border-top:1px solid #e5ebf3;padding-top:12px;margin-top:12px}

/* v7.0.15 editor preview for the uniform subpage hero media control. */
.editor-styles-wrapper .clynx-editor-media-placeholder,
.editor-styles-wrapper .clynx-hero-image-placeholder {
  min-height: 240px;
  border: 2px dashed #79b9dc;
  border-radius: 18px;
  display: grid;
  place-items: center;
  padding: 24px;
  text-align: center;
  background: #edf8ff;
  color: #17324f;
}


/* ============================================================
   DocuForge Accent Layer — v1.0
   Marries the Collablynx Impact Pro design system with the
   DocuForge Enterprise AI brand identity (violet → teal AI
   gradient) so DocuForge reads as a native Collablynx product
   instead of a bolted-on app. Loaded site-wide; scoped with
   .pill--ai / .product-family--docuforge / .dfea-* hooks so it
   never touches Vantage or Cadence styling.
   ============================================================ */
:root {
  --df-accent-1: #7c5cff;
  --df-accent-2: #23d5c3;
  --df-grad: linear-gradient(135deg, var(--df-accent-1), var(--df-accent-2));
}

/* Login nav item: outlined pill, gradient fill on hover (not a plain text link) */
.menu-item-login-pill > a {
  border: 1.5px solid rgba(255,255,255,.35);
  border-radius: 999px;
  margin-left: 4px;
  background: transparent;
}
.menu-item-login-pill > a:hover,
.menu-item-login-pill.current-menu-item > a {
  background: linear-gradient(135deg, #3ab4f5, #14c8a8);
  border-color: transparent;
  color: #fff;
}

/* Vantage for Cloud tier page: condensed Fleet Overview dashboard */
.fleet-dash-v1{width:100%;background:#0a1428;border-radius:16px;padding:16px;font-family:var(--font-mono,monospace)}
.fleet-dash-v1__head{font-size:.62rem;letter-spacing:.08em;color:#7e96b8;text-transform:uppercase;margin-bottom:10px}
.fleet-dash-v1__vms{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.fleet-dash-v1__vms--3x2{grid-template-columns:repeat(3,1fr)}
.fleet-vm{background:#0d1c38;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;gap:4px}
.fleet-vm__name{font-size:.68rem;font-weight:700;color:#e8f0fe;font-family:var(--font-display,sans-serif)}
.fleet-vm__tag{font-size:.55rem;background:rgba(58,140,245,.18);color:#7cb8ff;border-radius:5px;padding:1px 5px;width:fit-content}
.fleet-vm__tag--dev{background:rgba(255,255,255,.10);color:#b8cae8}
.fleet-vm__stat{font-size:.6rem;color:#93a8c9;display:flex;align-items:center;gap:5px}
.fleet-vm__stat b{color:#e8f0fe}
.dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}
.dot--ok{background:#22c55e}
.dot--warn{background:#f5a623}
.dot--off{background:#ef4444}
.dot--chart{background:#4d9bff}
.fleet-dash-v1__panel{background:#0d1c38;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;margin-bottom:8px}
.fleet-dash-v1__panel-head{font-size:.6rem;letter-spacing:.06em;color:#93a8c9;text-transform:uppercase;display:flex;align-items:center;gap:6px;margin-bottom:8px}
.fleet-spark{width:100%;height:44px;display:block}
.fleet-alert{display:flex;align-items:flex-start;gap:7px;font-size:.62rem;color:#b8cae8;margin-bottom:6px;line-height:1.4}
.fleet-alert:last-child{margin-bottom:0}
.fleet-alert__badge{font-size:.52rem;font-weight:800;border-radius:4px;padding:1px 5px;flex-shrink:0;margin-top:1px}
.fleet-alert__badge--crit{background:rgba(239,68,68,.22);color:#f87171}
.fleet-alert__badge--warn{background:rgba(245,166,35,.22);color:#f5a623}
.fleet-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:.62rem;color:#b8cae8;margin-bottom:7px}
.fleet-status:last-child{margin-bottom:0}
.fleet-status__bar{height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.fleet-status__bar i{display:block;height:100%;border-radius:2px}
.fleet-status__val--ok{color:#4ade80}
.fleet-status__val--warn{color:#f5a623}
@media(max-width:560px){.fleet-dash-v1__vms{grid-template-columns:1fr}.fleet-dash-v1__vms--3x2{grid-template-columns:1fr 1fr}}
.fleet-bars{display:flex;align-items:flex-end;gap:10px;height:74px;padding-top:4px}
.fleet-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}
.fleet-bar{width:100%;max-width:34px;display:flex;flex-direction:column-reverse;border-radius:3px 3px 0 0;overflow:hidden}
.fleet-bar__seg{width:100%}
.fleet-bar-col span{font-size:.52rem;color:#7e96b8;white-space:nowrap}
.fleet-bars__legend{display:flex;gap:14px;margin-top:10px;font-size:.58rem;color:#93a8c9}
.fleet-bars__legend span{display:flex;align-items:center;gap:5px}
.fleet-bars__legend i{width:8px;height:8px;border-radius:2px;display:inline-block}

/* Vantage family page hero visual: KPI grid replacing the plain SVG mock */
.visual-kpi-box{width:100%}
.visual-kpi-box__title{color:#fff;font-family:var(--font-display);font-weight:700;font-size:1rem;margin:2px 4px 14px}
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi{border-radius:14px;padding:14px;border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column}
.kpi-icon{font-size:15px;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.kpi-label{display:block;font-family:var(--font-mono,monospace);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}
.kpi-value{display:block;font-family:var(--font-display);font-weight:800;font-size:1.4rem;line-height:1;margin-bottom:5px}
.kpi-value--sm{font-size:1.15rem}
.kpi-sub{display:block;font-size:.66rem;color:var(--text-muted);line-height:1.35}
.kpi--vm{background:linear-gradient(160deg,rgba(58,140,245,.14),transparent)}
.kpi--vm .kpi-icon{background:rgba(58,140,245,.18)}
.kpi--vm .kpi-value{color:#7cb8ff}
.kpi--sub{background:linear-gradient(160deg,rgba(20,200,140,.14),transparent)}
.kpi--sub .kpi-icon{background:rgba(20,200,140,.18)}
.kpi--sub .kpi-value{color:#4fd39a}
.kpi--cost{background:linear-gradient(160deg,rgba(245,160,40,.16),transparent)}
.kpi--cost .kpi-icon{background:rgba(245,160,40,.20)}
.kpi--cost .kpi-value{color:#f5a628}
.kpi--alert{background:linear-gradient(160deg,rgba(245,90,110,.14),transparent)}
.kpi--alert .kpi-icon{background:rgba(245,90,110,.18)}
.kpi--alert .kpi-value{color:#f56a80}
.kpi--health{background:linear-gradient(160deg,rgba(160,120,255,.16),transparent)}
.kpi--health .kpi-icon{background:rgba(160,120,255,.20)}
.kpi--health .kpi-value{color:#b39bff}
.kpi--aks{background:linear-gradient(160deg,rgba(58,200,220,.14),transparent)}
.kpi--aks .kpi-icon{background:rgba(58,200,220,.18)}
.kpi--aks .kpi-value{color:#5fd6e8}
@media(max-width:560px){.kpi-grid{grid-template-columns:1fr 1fr}}

/* Hero: "Forge the knowledge." gradient headline word (See the system. copy) */
.hero-gradient-word {
  background: linear-gradient(135deg, #a78bfa, #f472b6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Hero service pillars: color-coded per product (Vantage / Cadence / DocuForge) */
.service-pillars li.is-vantage {
  background: rgba(58,180,245,.12);
  border-color: rgba(58,180,245,.28);
  color: #7dd3fc;
}
.service-pillars li.is-cadence {
  background: rgba(236,72,153,.12);
  border-color: rgba(236,72,153,.30);
  color: #f9a8d4;
}
.service-pillars li.is-docuforge {
  background: rgba(35,213,195,.12);
  border-color: rgba(35,213,195,.32);
  color: #6ee7c9;
}

/* Fix: .impact-copy is styled dark-on-light for pages like About, but the
   Overview section on every /services/{slug}/ page wraps its content in
   the same .impact-copy class while sitting inside .content-block, which
   has its own dark navy background -- producing dark navy text on a dark
   navy background. Override with proper light text specifically when
   nested inside .content-block. */
.content-block .impact-copy h2 { color: #fff; }
.content-block .impact-copy p { color: var(--text-mid, #b8cae8); }
.content-block .impact-copy li { color: var(--text-mid, #b8cae8); }
.content-block .impact-copy ul {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.12);
  box-shadow: none;
}

/* Nav / footer / homepage pill */
.pill--ai {
  background: color-mix(in srgb, var(--df-accent-1) 18%, transparent);
  border-color: color-mix(in srgb, var(--df-accent-2) 35%, transparent);
  color: #fff;
}

/* Products landing: DocuForge family panel + edition cards */
.family-panel-v559--ai {
  --panel-accent: var(--df-accent-1);
  border-image: none;
}
.family-panel-v559--ai .pill--ai,
.family-panel-v559--ai h3 { color: #fff; }
.edition-card-v559--ai {
  background: linear-gradient(145deg, rgba(124,92,255,.10), rgba(35,213,195,.06));
  border: 1px solid rgba(124,92,255,.30);
}
.edition-card-v559--ai:hover { border-color: var(--df-accent-2); }

/* Family landing hero (page-product-category.php) */
.product-family--docuforge.page-hero--product-cat {
  background: var(--grad-dark), radial-gradient(circle at 82% 8%, rgba(124,92,255,.28) 0%, transparent 34%);
}
.product-family--docuforge .hero-orb--1 { background: var(--df-accent-1); }
.product-family--docuforge .hero-orb--2 { background: var(--df-accent-2); }
.product-family--docuforge .eyebrow,
.product-family--docuforge .breadcrumb-lite a { color: var(--df-accent-2); }

/* Single product hero accent for DocuForge tier pages */
body.postid-docuforge-starter .product-hero,
body.postid-docuforge-professional .product-hero,
body.postid-docuforge-business .product-hero,
.single-clynx_product .product-hero[data-family="docuforge"] {
  background: var(--grad-dark), radial-gradient(circle at 85% 0, rgba(124,92,255,.24) 0%, transparent 30%);
}

/* DocuForge comparison table: highlight the featured (Professional) column in the AI gradient */
.comparison-table-wrap table th.is-featured,
.comparison-table-wrap table td.is-featured {
  background: linear-gradient(180deg, rgba(124,92,255,.14), rgba(35,213,195,.06));
}

/* AI-accent button + comparison tab, used on the homepage DocuForge tab and elsewhere */
.btn-ai {
  background: var(--df-grad);
  color: #fff;
  border: none;
  box-shadow: 0 10px 26px rgba(124,92,255,.32);
}
.btn-ai:hover { filter: brightness(1.06); }
.comparison-tabs__btn--ai.is-active {
  background: var(--df-grad);
  color: #fff;
  border-color: transparent;
}

.arch-node--ai { border-color: rgba(124,92,255,.35); }
.arch-node--ai.is-active {
  background: var(--df-grad);
  box-shadow: 0 22px 55px rgba(124,92,255,.32);
}
.arch-content--detail .arch-copy[data-panel="docuforge"] h3 { color: var(--df-accent-1); }

/* ---- DocuForge app shell (the live product pages served by
   Collablynx Core / docuforge-*.php pages) — light integration
   so the app island sits comfortably inside the site chrome
   without losing its own distinct AI product identity. ---- */
.page-content-wrap .dfea-shell,
.page-content-body .dfea-shell {
  border: 1px solid rgba(124,92,255,.25);
  box-shadow: var(--shadow-lg, 0 24px 60px rgba(0,0,0,.32));
}
.dfea-btn { background: var(--df-grad); }
.dfea-eyebrow, .dfea-doc-icon { color: var(--df-accent-2); }


/* Collablynx v7.1.2 product-only public experience and contact-form hardening */
.clynx-product-only-site .utility-strip,
.clynx-product-only-site .clynx-site-part--header-actions { display:none; }

.site-header__inner { gap:24px; }
.primary-nav { margin-left:auto; }
.menu--product-only { align-items:center; }
.menu--product-only > li > a { white-space:nowrap; }
.menu--product-only .menu-item-request-demo-pill > a,
.menu--product-only .menu-item-customer-login-pill > a {
  display:inline-flex; align-items:center; justify-content:center; min-height:44px;
  padding:10px 18px; border-radius:999px; font-weight:800; line-height:1.1;
  letter-spacing:-.01em; text-shadow:none;
}
.menu--product-only .menu-item-request-demo-pill > a {
  color:#fff; border:1px solid transparent;
  background:linear-gradient(135deg, var(--primary, #5b43ff), var(--accent, #11b9d5));
  box-shadow:0 12px 28px rgba(31,111,235,.22);
}
.menu--product-only .menu-item-customer-login-pill > a {
  color:#fff;
  border:1px solid rgba(117,231,239,.78);
  background:linear-gradient(135deg,#263b65 0%,#1b5568 100%);
  box-shadow:0 10px 24px rgba(8,29,55,.20), inset 0 1px 0 rgba(255,255,255,.12);
}
.menu--product-only .menu-item-customer-login-pill > a:hover,
.menu--product-only .menu-item-customer-login-pill > a:focus-visible {
  color:#fff;
  border-color:#9bf4f5;
  background:linear-gradient(135deg,#31518a 0%,#12758a 100%);
  box-shadow:0 14px 30px rgba(7,39,75,.28),0 0 0 3px rgba(94,221,232,.16);
}

.footer-mega--product-only { grid-template-columns:minmax(260px,1.3fr) minmax(0,2.7fr); gap:64px; }
.footer-mega__menus--product-only { display:grid; grid-template-columns:repeat(4,minmax(140px,1fr)); gap:34px; }
.site-footer--product-only .footer-brand-block { max-width:430px; }
.site-footer--product-only .site-footer__bottom { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }

.clynx-product-contact-hero {
  position:relative; overflow:hidden; padding:82px 0 48px;
  background:linear-gradient(135deg,#0d1b35 0%,#263654 58%,#3d4d69 100%); color:#fff;
}
.clynx-product-contact-hero::after {
  content:""; position:absolute; width:380px; height:380px; right:-80px; top:-190px;
  border-radius:50%; background:radial-gradient(circle,rgba(19,200,210,.25),transparent 70%);
}
.clynx-product-contact-hero h1 { max-width:900px; margin:10px 0 14px; color:#fff; }
.clynx-product-contact-hero .lead { max-width:860px; margin:0; color:rgba(230,239,255,.86); }
.clynx-product-contact-section { padding:38px 0 76px; background:#eef3fb; }
.clynx-product-contact-layout {
  display:grid; grid-template-columns:minmax(0,1.92fr) minmax(280px,.72fr);
  gap:24px; align-items:start;
}
.clynx-product-contact-main { min-width:0; }
.clynx-product-contact-aside { display:grid; gap:18px; position:sticky; top:104px; }
.clynx-contact-info-card {
  padding:26px; border-radius:26px; color:#fff;
  background:linear-gradient(145deg,#12223e,#465570);
  box-shadow:0 18px 42px rgba(17,34,61,.14);
}
.clynx-contact-info-card .eyebrow { margin-bottom:10px; }
.clynx-contact-info-card h2 { color:#fff; font-size:1.25rem; line-height:1.25; margin:0 0 14px; }
.clynx-contact-info-card p,.clynx-contact-info-card li { color:rgba(228,238,255,.86); }
.clynx-contact-info-card p { margin:0; line-height:1.65; }
.clynx-contact-info-card p strong { color:#fff; }
.clynx-contact-info-card ul { padding-left:20px; margin:0; display:grid; gap:10px; }
.clynx-contact-info-card--about { background:linear-gradient(145deg,#142643 0%,#344866 100%); }

.clynx-form-shell {
  width:100%; min-width:0; box-sizing:border-box; padding:32px;
  border:1px solid rgba(72,126,202,.22); border-radius:26px; background:#fff;
  box-shadow:0 22px 58px rgba(25,59,108,.10);
}
.clynx-form { width:100%; min-width:0; }
.clynx-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 18px; width:100%; }
.clynx-field { min-width:0; width:100%; margin:0; box-sizing:border-box; }
.clynx-field--full { grid-column:1/-1; }
.clynx-field label,.clynx-choice-fieldset legend {
  display:block; width:auto; margin:0 0 8px;
  color:#16213a; font-weight:750; font-size:.96rem; line-height:1.35;
}
.clynx-field label > span[aria-hidden="true"],.clynx-choice-fieldset legend > span[aria-hidden="true"] { color:#276ee8; margin-left:4px; }
.clynx-optional { color:#6e7e98; font-size:.84em; font-weight:500; }
.clynx-field input[type="text"],
.clynx-field input[type="email"],
.clynx-field input[type="tel"],
.clynx-field select,
.clynx-field textarea {
  display:block; visibility:visible; opacity:1; position:static;
  width:100%; max-width:none; min-width:0; box-sizing:border-box;
  border:1px solid #c8d5e8; border-radius:14px;
  background:#f8fafd; color:#16213a;
  font:inherit; font-size:1rem; line-height:1.45; outline:none;
}
.clynx-field input[type="text"],
.clynx-field input[type="email"],
.clynx-field input[type="tel"],
.clynx-field select { min-height:54px; padding:13px 15px; }
.clynx-field textarea { min-height:184px; padding:15px; resize:vertical; }
.clynx-field select { appearance:auto; -webkit-appearance:menulist; color:#16213a; }
.clynx-field select option { display:block; color:#16213a; background:#fff; }
.clynx-field input:focus,.clynx-field select:focus,.clynx-field textarea:focus {
  border-color:#3178f0; background:#fff; box-shadow:0 0 0 4px rgba(49,120,240,.13);
}
.clynx-choice-fieldset { display:block; border:0; padding:0; margin:2px 0 0; min-width:0; }
.clynx-choice-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.clynx-choice-pill { display:block; min-width:0; margin:0; cursor:pointer; }
.clynx-choice-pill input { position:absolute; opacity:0; pointer-events:none; width:1px; height:1px; }
.clynx-choice-pill span {
  display:flex; min-height:46px; align-items:center; justify-content:center; box-sizing:border-box;
  padding:9px 10px; border:1px solid #c8d5e8; border-radius:12px;
  background:#f8fafd; color:#35445f; text-align:center; font-weight:650; line-height:1.2;
  margin:0; transition:.16s ease;
}
.clynx-choice-pill input:checked + span { border-color:#2d72ed; background:#eaf2ff; color:#174b9c; box-shadow:inset 0 0 0 1px #2d72ed; }
.clynx-choice-pill input:focus-visible + span { outline:3px solid rgba(49,120,240,.25); outline-offset:2px; }
.clynx-form-consent { width:100%; }
.clynx-form-consent label {
  display:flex; width:100%; min-width:0; align-items:flex-start;
  gap:12px; margin:0; color:#16213a; line-height:1.5;
}
.clynx-form-consent input[type="checkbox"] {
  position:static; display:block; visibility:visible; opacity:1;
  flex:0 0 20px; width:20px; min-width:20px; height:20px;
  margin:2px 0 0; padding:0; accent-color:#276ee8; border-radius:4px;
}
.clynx-form-consent label > span {
  display:block; flex:1 1 auto; min-width:0; width:auto;
  margin:0; color:#16213a; font-size:.96rem; font-weight:600; overflow-wrap:anywhere;
}
.clynx-form-consent a { color:#174b9c; text-decoration:underline; text-underline-offset:3px; }
.clynx-field-help { margin:8px 0 0; color:#697a94; font-size:.9rem; }
.clynx-form-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:24px; }
.clynx-form-actions--single { justify-content:flex-start; }
.clynx-form-actions .btn { min-height:50px; }
.clynx-form-meta { display:none; }
.clynx-form-notice { margin:0 0 22px; padding:14px 16px; border-radius:12px; font-weight:700; }
.clynx-form-notice.success { color:#075d35; background:#e8f8ef; border:1px solid #9ddab9; }
.clynx-form-notice.error { color:#9a281d; background:#fff0ee; border:1px solid #efb7b0; }
.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }

.clynx-use-case-icon { display:inline-flex; width:46px; height:46px; align-items:center; justify-content:center; border-radius:14px; margin-bottom:18px; color:#fff; font-weight:800; background:linear-gradient(135deg,#6846ff,#11b9d5); }
.clynx-product-trust .capability-pill { background:#fff; }

@media (max-width:1180px) {
  .clynx-product-contact-layout { grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr); gap:22px; }
  .clynx-choice-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1020px) {
  .footer-mega--product-only { grid-template-columns:1fr; gap:36px; }
  .clynx-product-contact-layout { grid-template-columns:1fr; }
  .clynx-product-contact-aside { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
  .menu--product-only-mobile .menu-item-request-demo-pill > a,
  .menu--product-only-mobile .menu-item-customer-login-pill > a {
    display:flex; margin:8px 18px; padding:13px 16px; border-radius:999px; justify-content:center; font-weight:800;
  }
  .menu--product-only-mobile .menu-item-request-demo-pill > a { color:#fff; background:linear-gradient(135deg,#6544ff,#11b9d5); }
  .menu--product-only-mobile .menu-item-customer-login-pill > a {
    color:#fff; border:1px solid rgba(117,231,239,.78);
    background:linear-gradient(135deg,#263b65,#1b5568);
  }
  .footer-mega__menus--product-only { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .clynx-product-contact-hero { padding:68px 0 42px; }
  .clynx-product-contact-section { padding:28px 0 58px; }
  .clynx-form-shell { padding:24px; border-radius:22px; }
  .clynx-form-grid { grid-template-columns:1fr; gap:18px; }
  .clynx-field--full { grid-column:auto; }
  .clynx-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:540px) {
  .footer-mega__menus--product-only,.clynx-product-contact-aside { grid-template-columns:1fr; }
  .clynx-form-shell { padding:20px 16px; }
  .clynx-choice-grid { grid-template-columns:1fr; }
  .clynx-form-actions { align-items:stretch; }
  .clynx-form-actions .btn { width:100%; }
}


/* Collablynx v7.1.3 — product CTA and environment-pill polish */

/* Product pages use one clear conversion action in the hero and final CTA. */
.clynx-uniform-product-hero .button-row,
.clynx-uniform-product-family-v715 .page-hero .button-row,
.clynx-product-subpage-v711 .page-hero .button-row {
  gap: 0;
}
.clynx-uniform-product-hero .button-row .btn:only-child,
.clynx-uniform-product-family-v715 .page-hero .button-row .btn:only-child,
.clynx-product-subpage-v711 .page-hero .button-row .btn:only-child {
  min-width: 220px;
}
.clynx-uniform-product-family-v715 .clynx-final-cta-section .button-row,
.clynx-uniform-product-detail-v715 .clynx-final-cta-section .button-row,
.clynx-product-subpage-v711 .clynx-final-cta-section .button-row,
.page-template-page-pricing .clynx-final-cta-section .button-row {
  gap: 0;
}

/* Nine compact choices: three columns on desktop, each label on one line. */
.clynx-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px 10px;
}
.clynx-choice-pill span {
  min-height: 40px;
  padding: 7px 9px;
  border-radius: 11px;
  font-size: .88rem;
  line-height: 1.1;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .clynx-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 460px) {
  .clynx-choice-grid { grid-template-columns: 1fr; }
  .clynx-choice-pill span { white-space: normal; }
}


/* Collablynx Products landing v7.0.20 — page-scoped color contract. */
.clynx-products-portfolio {
  background:
    radial-gradient(circle at 10% 10%, rgba(20, 200, 168, .10), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(110, 108, 255, .10), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 52%, #f8fbff 100%);
  padding: clamp(42px, 6vw, 76px) 0;
  color: var(--text-dark);
}

.clynx-products-portfolio__intro,
.clynx-product-sitemap__intro {
  max-width: 850px;
  margin: 0 auto 26px;
  text-align: center;
}

.clynx-products-portfolio__intro > p:last-child,
.clynx-product-sitemap__intro > p:last-child {
  color: #5a7298;
  font-size: 1.04rem;
}

.clynx-product-family-pills {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0 auto clamp(48px, 7vw, 84px);
  max-width: 1120px;
}

.clynx-product-family-pill {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 3px 16px;
  min-height: 104px;
  padding: 20px 22px;
  border-radius: 999px;
  border: 1px solid rgba(58, 180, 245, .28);
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 18px 46px rgba(15, 30, 53, .10);
  color: #0f1e35;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.clynx-product-family-pill:hover,
.clynx-product-family-pill:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 24px 58px rgba(15, 30, 53, .16);
  border-color: var(--primary);
}

.clynx-product-family-pill__verb {
  grid-column: 1;
  color: #0b789e;
  font: 700 .72rem/1.2 var(--font-mono);
  letter-spacing: .13em;
  text-transform: uppercase;
}

.clynx-product-family-pill strong {
  grid-column: 1;
  font-family: var(--font-display);
  font-size: clamp(1rem, 1.5vw, 1.22rem);
}

.clynx-product-family-pill > span:last-child {
  grid-column: 2;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #e3f6ff;
  color: #087aa3;
  font-size: 1.15rem;
}

.clynx-product-family-pill--violet { border-color: rgba(110,108,255,.28); }
.clynx-product-family-pill--violet .clynx-product-family-pill__verb { color: #6157d8; }
.clynx-product-family-pill--violet > span:last-child { background: #eeecff; color: #6157d8; }
.clynx-product-family-pill--ai { border-color: rgba(20,200,168,.30); }
.clynx-product-family-pill--ai .clynx-product-family-pill__verb { color: #087d70; }
.clynx-product-family-pill--ai > span:last-child { background: #dcfaf4; color: #087d70; }

.clynx-product-sitemap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}

.clynx-product-sitemap__family {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 18px;
  border-radius: 28px;
  border: 1px solid #d7e8fa;
  background: rgba(255,255,255,.94);
  box-shadow: 0 24px 62px rgba(15, 30, 53, .12);
}

.clynx-product-sitemap__family::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 6px;
  background: linear-gradient(90deg, #14c8a8, #3ab4f5);
}
.clynx-product-sitemap__family--violet::before { background: linear-gradient(90deg, #6e6cff, #3ab4f5); }
.clynx-product-sitemap__family--ai::before { background: linear-gradient(90deg, #14c8a8, #6e6cff); }

.clynx-product-sitemap__media {
  height: 178px;
  margin-bottom: 18px;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(145deg, #07101e, #0f2040 58%, #17265b);
  border: 1px solid rgba(58,180,245,.20);
}

.clynx-product-sitemap__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
}

.clynx-product-sitemap__placeholder {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 130px;
  color: #8fb6df;
  background: linear-gradient(145deg, #07101e, #0f2040 58%, #17265b);
  border-radius: 18px;
  text-align: center;
}
.clynx-product-sitemap__placeholder span { font-size: 2rem; }
.clynx-product-sitemap__placeholder small { font-size: .76rem; }

.clynx-product-sitemap__family-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
}

.clynx-product-sitemap__number {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #e4f7ff;
  color: #047aa4;
  font: 800 .78rem/1 var(--font-mono);
}
.clynx-product-sitemap__family--violet .clynx-product-sitemap__number { background: #eeecff; color: #6157d8; }
.clynx-product-sitemap__family--ai .clynx-product-sitemap__number { background: #dcfaf4; color: #087d70; }

.clynx-product-sitemap__verb {
  margin: 0 0 3px;
  color: #087aa3;
  font: 800 .7rem/1.2 var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.clynx-product-sitemap__family--violet .clynx-product-sitemap__verb { color: #6157d8; }
.clynx-product-sitemap__family--ai .clynx-product-sitemap__verb { color: #087d70; }

.clynx-product-sitemap__family h3 { margin: 0; color: #0f1e35; }
.clynx-product-sitemap__description { color: #5a7298; margin: 14px 0; }

.clynx-product-sitemap__coverage,
.clynx-product-sitemap__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.clynx-product-sitemap__coverage { margin: 0 0 16px; }
.clynx-product-sitemap__coverage span,
.clynx-product-sitemap__tags em {
  border-radius: 999px;
  border: 1px solid #cce8fb;
  background: #eef9ff;
  color: #0b6d91;
  padding: 5px 9px;
  font: 700 .68rem/1.2 var(--font-mono);
  font-style: normal;
}

.clynx-product-sitemap__family-link {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
  color: #175ce5;
  font-weight: 800;
}

.clynx-product-sitemap__products {
  display: grid;
  gap: 9px;
  padding-top: 14px;
  border-top: 1px solid #e1ebf7;
}

.clynx-product-sitemap__product {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 13px;
  border: 1px solid #dfeafa;
  border-radius: 16px;
  background: #f8fbff;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.clynx-product-sitemap__product:hover,
.clynx-product-sitemap__product:focus-visible {
  border-color: #9fd8fb;
  background: #fff;
  transform: translateY(-1px);
}

.clynx-product-sitemap__product-copy { min-width: 0; display: grid; gap: 4px; }
.clynx-product-sitemap__product-copy strong { color: #13233d; line-height: 1.3; }
.clynx-product-sitemap__product-copy small { color: #607798; line-height: 1.45; }
.clynx-product-sitemap__product-action { color: #175ce5; font-weight: 800; font-size: .78rem; white-space: nowrap; }

.clynx-product-sitemap__empty {
  display: grid;
  gap: 4px;
  padding: 16px;
  border: 1px dashed #b8d7f3;
  border-radius: 16px;
  color: #607798;
}
.clynx-product-sitemap__empty strong { color: #203858; }

/* Gutenberg preview */
.clynx-products-portfolio--editor { padding: 28px; border-radius: 22px; }
.clynx-product-sitemap--editor .clynx-product-sitemap__family { min-height: 330px; }
.clynx-products-editor-source-note { margin-top: 18px; padding: 14px; border-radius: 14px; background: #eef6ff; color: #4f6688; font-size: .85rem; }

@media (max-width: 980px) {
  .clynx-product-family-pills,
  .clynx-product-sitemap { grid-template-columns: 1fr; }
  .clynx-product-family-pill { border-radius: 24px; }
  .clynx-product-sitemap__family { max-width: 760px; width: 100%; margin-inline: auto; }
}

@media (max-width: 620px) {
  .clynx-products-portfolio { padding: 36px 0; }
  .clynx-product-family-pill { min-height: 88px; padding: 16px 18px; }
  .clynx-product-sitemap__family { padding: 14px; border-radius: 22px; }
  .clynx-product-sitemap__product { grid-template-columns: 1fr; }
  .clynx-product-sitemap__product-action { white-space: normal; }
}


/* Collablynx Privacy + Terms typography v7.2.2 */
.clynx-privacy { background:#f4f7fc; color:#18233a; }
.clynx-privacy__hero { position:relative; overflow:hidden; padding:76px 0 58px; color:#fff; background:linear-gradient(135deg,#07152c 0%,#13294a 58%,#164e63 100%); }
.clynx-privacy__hero::after { content:""; position:absolute; inset:auto -120px -220px auto; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(24,210,218,.22),transparent 67%); }
.clynx-privacy__hero-inner { position:relative; z-index:1; }
.clynx-privacy__hero h1 { margin:12px 0 18px; max-width:900px; color:#fff; font-size:clamp(2.1rem,4.2vw,3.6rem); line-height:1.05; letter-spacing:-.03em; }
.clynx-privacy__lead { max-width:900px; margin:0; color:rgba(234,242,255,.86); font-size:1.08rem; line-height:1.65; }
.clynx-privacy__meta { display:inline-flex; gap:7px; margin-top:20px; padding:8px 13px; border:1px solid rgba(141,239,242,.34); border-radius:999px; background:rgba(4,18,39,.35); color:#d9fbff; font-size:.84rem; }
.clynx-privacy__layout { display:grid; grid-template-columns:minmax(210px,260px) minmax(0,900px); justify-content:center; gap:42px; padding-top:46px; padding-bottom:76px; }
.clynx-privacy__toc { position:sticky; top:96px; align-self:start; display:grid; gap:3px; padding:18px; border:1px solid #d8e3f3; border-radius:22px; background:#fff; box-shadow:0 18px 46px rgba(23,52,91,.08); }
.clynx-privacy__toc strong { margin-bottom:7px; color:#11203a; font-size:.92rem; }
.clynx-privacy__toc a { padding:6px 8px; border-radius:9px; color:#52627c; text-decoration:none; font-size:.82rem; line-height:1.3; }
.clynx-privacy__toc a:hover,.clynx-privacy__toc a:focus-visible { color:#154da2; background:#edf4ff; }
.clynx-privacy__content { min-width:0; }
.clynx-privacy__content section { scroll-margin-top:110px; margin:0 0 38px; padding:0 0 30px; border-bottom:1px solid #dce5f2; }
.clynx-privacy__content section:last-child { border-bottom:0; }
.clynx-privacy__content h2 { margin:0 0 15px; color:#0e1b31; font-size:clamp(1.4rem,2.1vw,1.9rem); line-height:1.18; letter-spacing:-.025em; }
.clynx-privacy__content h3 { margin:24px 0 8px; color:#172641; font-size:1.02rem; line-height:1.35; }
.clynx-privacy__content p,.clynx-privacy__content li { color:#485975; font-size:.96rem; line-height:1.68; }
.clynx-privacy__content p { margin:0 0 14px; }
.clynx-privacy__content ul { margin:0 0 18px; padding-left:21px; }
.clynx-privacy__content li { margin-bottom:6px; }
.clynx-privacy__content a { color:#1657b8; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.clynx-privacy__snapshot { padding:24px; border:1px solid #cbdcf2; border-radius:26px; background:linear-gradient(145deg,#fff,#f2f7ff); box-shadow:0 20px 52px rgba(24,65,119,.09); }
.clynx-privacy__snapshot-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.clynx-privacy__snapshot-grid div { display:grid; gap:6px; padding:16px; border:1px solid #dae5f3; border-radius:17px; background:#fff; }
.clynx-privacy__snapshot-grid strong { color:#12223d; }
.clynx-privacy__snapshot-grid span { color:#5a6a84; line-height:1.5; font-size:.88rem; }
.clynx-privacy__table-wrap { overflow-x:auto; margin:22px 0; border:1px solid #d4dfef; border-radius:18px; background:#fff; }
.clynx-privacy__table-wrap table { width:100%; min-width:680px; border-collapse:collapse; }
.clynx-privacy__table-wrap th,.clynx-privacy__table-wrap td { padding:13px 14px; border-bottom:1px solid #e3eaf4; text-align:left; vertical-align:top; line-height:1.55; }
.clynx-privacy__table-wrap th { color:#13223b; background:#eef4fb; font-size:.84rem; }
.clynx-privacy__table-wrap td { color:#50607a; font-size:.87rem; }
.clynx-privacy__table-wrap tr:last-child td { border-bottom:0; }
.clynx-privacy__contact { padding:24px; border:1px solid #cfe0ef; border-radius:24px; background:linear-gradient(135deg,#eaf4ff,#ecfbfb); }
.clynx-privacy__legal-note { margin-top:20px; padding:14px 16px; border-left:4px solid #1aaab9; border-radius:10px; background:rgba(255,255,255,.78); font-size:.86rem; }
@media (max-width:980px) { .clynx-privacy__layout { grid-template-columns:1fr; gap:28px; } .clynx-privacy__toc { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); } .clynx-privacy__toc strong { grid-column:1/-1; } }
@media (max-width:680px) { .clynx-privacy__hero { padding:58px 0 42px; } .clynx-privacy__layout { padding-top:32px; padding-bottom:64px; } .clynx-privacy__toc,.clynx-privacy__snapshot-grid { grid-template-columns:1fr; } .clynx-privacy__snapshot { padding:20px; } .clynx-privacy__content section { margin-bottom:34px; padding-bottom:28px; } }

/* v7.1.5 enterprise legal suite additions */
.clynx-legal__hero--terms{background:linear-gradient(135deg,#08162c 0%,#182a55 55%,#194e5d 100%)}
.clynx-legal .clynx-privacy__snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.clynx-legal .clynx-privacy__content strong{color:#172641}
.clynx-legal .clynx-privacy__content code{padding:.15em .4em;border-radius:6px;background:#edf3fb;color:#173e77}
@media(max-width:680px){.clynx-legal .clynx-privacy__snapshot-grid{grid-template-columns:1fr}}

/* v7.2.1 product-page scale for legal pages */
@media (max-width:680px){
  .clynx-privacy__hero h1{font-size:clamp(2rem,10vw,2.8rem);}
  .clynx-privacy__lead{font-size:1rem;}
  .clynx-privacy__content h2{font-size:1.35rem;}
  .clynx-privacy__content h3{font-size:1rem;}
  .clynx-privacy__content p,.clynx-privacy__content li{font-size:.94rem;}
}


/* Collablynx Cookie Policy + Accessibility Statement v7.2.3 */
.clynx-public-policy .clynx-public-policy__hero{padding:68px 0 52px}
.clynx-public-policy .clynx-public-policy__hero--accessibility{background:linear-gradient(135deg,#08162d 0%,#16335c 58%,#135367 100%)}
.clynx-public-policy__meta{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:7px 12px;border:1px solid rgba(137,232,242,.32);border-radius:999px;background:rgba(6,24,46,.34);color:#dffbff;font-size:.8rem}
.clynx-public-policy__meta strong{color:#fff}
.clynx-public-policy .clynx-privacy__snapshot-grid div{min-height:112px}
.clynx-public-policy .clynx-privacy__content h2{font-size:clamp(1.38rem,2vw,1.82rem)}
.clynx-public-policy .clynx-privacy__content p,.clynx-public-policy .clynx-privacy__content li{font-size:.95rem;line-height:1.66}
.clynx-public-policy .clynx-privacy__table-wrap td{font-size:.86rem}
.clynx-public-policy .clynx-privacy__table-wrap th{font-size:.82rem}
.clynx-public-policy .clynx-privacy__content section{scroll-margin-top:112px}
@media(max-width:680px){
  .clynx-public-policy .clynx-public-policy__hero{padding:54px 0 40px}
  .clynx-public-policy__meta{font-size:.76rem}
  .clynx-public-policy .clynx-privacy__content p,.clynx-public-policy .clynx-privacy__content li{font-size:.93rem}
}


/* Collablynx Resources Center v7.1.6 */
.clynx-resources-center .site-content{background:#f6f9ff}
.clynx-resource-hero{position:relative;overflow:hidden;padding:88px 0 72px;background:radial-gradient(circle at 12% 12%,rgba(87,62,255,.22),transparent 34%),radial-gradient(circle at 88% 20%,rgba(4,190,215,.18),transparent 32%),linear-gradient(135deg,#07142b 0%,#102347 54%,#0c3548 100%);color:#fff}
.clynx-resource-hero:after{content:"";position:absolute;inset:auto -15% -170px 38%;height:300px;border-radius:50%;background:rgba(255,255,255,.05);filter:blur(5px);transform:rotate(-8deg)}
.clynx-resource-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.65fr);gap:54px;align-items:center}
.clynx-resource-hero h1{max-width:900px;margin:.35rem 0 1.2rem;color:#fff;font-size:clamp(2.75rem,5.5vw,5.6rem);line-height:.98;letter-spacing:-.055em}
.clynx-resource-hero .lead{max-width:840px;color:#c6d3eb;font-size:clamp(1.08rem,1.65vw,1.3rem);line-height:1.75}
.clynx-resource-hero .button-row{margin-top:28px}
.clynx-resource-access-card{padding:30px;border:1px solid rgba(140,224,255,.28);border-radius:28px;background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.06));box-shadow:0 24px 80px rgba(0,0,0,.24);backdrop-filter:blur(14px)}
.clynx-resource-access-card__icon{display:grid;width:48px;height:48px;margin-bottom:24px;place-items:center;border:1px solid rgba(120,221,255,.35);border-radius:15px;background:linear-gradient(135deg,rgba(102,72,255,.38),rgba(0,190,219,.34));font-size:1.35rem}
.clynx-resource-access-card h2{margin:.35rem 0 .85rem;color:#fff;font-size:1.55rem;line-height:1.2}
.clynx-resource-access-card p:last-child{margin:0;color:#c5d4eb;line-height:1.72}
.clynx-resource-heading{max-width:850px;margin-bottom:38px}
.clynx-resource-heading h2{margin:.4rem 0 .7rem;font-size:clamp(2rem,4vw,3.7rem);line-height:1.08;letter-spacing:-.04em}
.clynx-resource-heading>p:last-child{max-width:760px;color:var(--text-muted,#63728b);font-size:1.08rem;line-height:1.72}
.section--dark .clynx-resource-heading h2,.section--dark .clynx-resource-heading .eyebrow{color:#fff}
.section--dark .clynx-resource-heading>p:last-child{color:#aebed9}
.clynx-resource-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.clynx-resource-card{position:relative;display:flex;min-height:310px;flex-direction:column;padding:30px;border:1px solid #dce8fb;border-radius:26px;background:#fff;box-shadow:0 18px 46px rgba(23,50,94,.08);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.clynx-resource-card:hover{transform:translateY(-5px);border-color:#a9c8ff;box-shadow:0 26px 60px rgba(27,63,121,.14)}
.clynx-resource-card__number{display:grid;width:46px;height:46px;margin-bottom:32px;place-items:center;border:1px solid #bfd2fb;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#e9fbff);color:#2459e9;font-family:var(--font-mono,"JetBrains Mono",monospace);font-weight:700}
.clynx-resource-card h2{margin:0 0 13px;font-size:1.42rem}
.clynx-resource-card p{margin:0 0 25px;color:#61708a;line-height:1.65}
.clynx-resource-card .text-link{margin-top:auto}
.clynx-resource-boundary__grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.clynx-resource-boundary__card{padding:34px;border:1px solid #d8e6fa;border-radius:26px;background:#fff;box-shadow:0 16px 44px rgba(20,51,100,.07)}
.clynx-resource-boundary__card--customer{background:linear-gradient(145deg,#0c1931,#143352);color:#fff;border-color:rgba(91,200,229,.26)}
.clynx-resource-boundary__card h3{margin:18px 0 15px;font-size:1.5rem}
.clynx-resource-boundary__card--customer h3{color:#fff}
.clynx-resource-boundary__card ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.clynx-resource-boundary__card li{position:relative;padding-left:24px;color:#5e6e87;line-height:1.55}
.clynx-resource-boundary__card li:before{content:"✓";position:absolute;left:0;color:#1e68ed;font-weight:800}
.clynx-resource-boundary__card--customer li{color:#c4d2e8}.clynx-resource-boundary__card--customer li:before{color:#43d2dc}
.clynx-resource-status{display:inline-flex;align-items:center;min-height:28px;padding:5px 11px;border:1px solid #cbdaf5;border-radius:999px;background:#f4f7fd;color:#465875;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.clynx-resource-status--public{border-color:#a8e5d4;background:#ecfbf6;color:#087859}
.clynx-resource-status--customer{border-color:#5a789f;background:rgba(255,255,255,.08);color:#d6e8ff}
.clynx-resource-cta .final-cta__box{display:flex;align-items:center;justify-content:space-between;gap:30px}
.clynx-resource-cta .final-cta__box>div:first-child{max-width:760px}
.clynx-architecture-stack{display:grid;gap:16px}
.clynx-architecture-stack article{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px 28px;border:1px solid #dbe7f8;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(26,58,107,.07)}
.clynx-architecture-stack article>span{display:grid;width:50px;height:50px;place-items:center;border-radius:15px;background:linear-gradient(135deg,#5e42ff,#07b9d5);color:#fff;font-family:var(--font-mono,"JetBrains Mono",monospace);font-weight:800}
.clynx-architecture-stack h3{margin:0 0 6px;font-size:1.22rem}.clynx-architecture-stack p{margin:0;color:#63728a;line-height:1.6}
.clynx-architecture-stack strong{padding:8px 13px;border-radius:999px;background:#eff5ff;color:#36527b;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.clynx-product-responsibilities .card-dark ul{display:grid;gap:9px;margin:20px 0 0;padding-left:20px;color:#aebed8}
.clynx-resource-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.clynx-resource-feature-grid article{padding:28px;border:1px solid #dce7f8;border-radius:22px;background:#fff}
.clynx-resource-feature-grid h3{margin:0 0 10px}.clynx-resource-feature-grid p{margin:0;color:#63728a;line-height:1.62}
.clynx-resource-feature-grid--dark{grid-template-columns:repeat(3,minmax(0,1fr))}
.clynx-resource-feature-grid--dark article{display:flex;gap:14px;align-items:flex-start;border-color:rgba(112,156,212,.2);background:rgba(255,255,255,.05)}
.clynx-resource-feature-grid--dark article span{display:grid;min-width:38px;height:38px;place-items:center;border:1px solid rgba(82,202,229,.35);border-radius:12px;color:#52d3e2;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.78rem}
.clynx-resource-feature-grid--dark article p{color:#c3d0e4}
.clynx-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.clynx-guide-card{position:relative;overflow:hidden;padding:32px;border:1px solid #dce8fa;border-radius:28px;background:#fff;box-shadow:0 18px 46px rgba(22,54,103,.08)}
.clynx-guide-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#5d43ff,#09b8d5)}
.clynx-guide-card--cadence:before{background:linear-gradient(90deg,#1671f5,#00c3c9)}
.clynx-guide-card--docuforge:before{background:linear-gradient(90deg,#824aff,#0bc1d0)}
.clynx-guide-card h2{min-height:72px;margin:.5rem 0 1rem;font-size:1.65rem}.clynx-guide-card h3{margin:26px 0 12px;font-size:1rem}
.clynx-guide-card>p{color:#63728a;line-height:1.65}.clynx-guide-card ul{display:grid;gap:9px;padding-left:20px;color:#40506a}
.clynx-resource-steps{display:grid;gap:0;margin:0;padding:0;list-style:none}
.clynx-resource-steps li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:23px;padding:24px 0;border-bottom:1px solid #dce5f2}
.clynx-resource-steps li:last-child{border-bottom:0}.clynx-resource-steps span{display:grid;width:50px;height:50px;place-items:center;border-radius:50%;background:#0e1c36;color:#fff;font-weight:800}
.clynx-resource-steps h3{margin:0 0 7px}.clynx-resource-steps p{margin:0;color:#63728a;line-height:1.62}
.clynx-integration-groups{display:grid;gap:32px}.clynx-integration-group{padding:28px;border:1px solid #dce7f7;border-radius:25px;background:#fff}
.clynx-integration-group>h2{margin:0 0 22px;font-size:1.5rem}.clynx-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.clynx-integration-grid article{display:flex;gap:13px;align-items:center;padding:18px;border:1px solid #e1e9f6;border-radius:17px;background:#f9fbff}.clynx-integration-grid h3{margin:0 0 7px;font-size:1rem}
.clynx-integration-mark{display:grid;min-width:40px;height:40px;place-items:center;border-radius:13px;background:linear-gradient(135deg,#eef0ff,#e7faff);color:#2764e8}
.clynx-resource-callout{padding:25px 28px;border:1px solid #bed3f4;border-left:5px solid #2364e9;border-radius:18px;background:#f4f8ff}
.clynx-resource-callout strong{display:block;margin-bottom:8px;font-size:1.05rem}.clynx-resource-callout p{margin:0;color:#52627c;line-height:1.65}
.clynx-resource-callout--warning{border-color:#f2d29d;border-left-color:#d98c12;background:#fff9ee}
.clynx-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.clynx-security-grid article{display:flex;gap:18px;padding:26px;border:1px solid #dce7f7;border-radius:22px;background:#fff}.clynx-security-grid article>span{display:grid;min-width:44px;height:44px;place-items:center;border-radius:13px;background:#edf3ff;color:#245ede;font-family:var(--font-mono,"JetBrains Mono",monospace;font-size:.78rem;font-weight:800}
.clynx-security-grid h3{margin:0 0 7px}.clynx-security-grid p{margin:0;color:#63728a;line-height:1.6}
.clynx-trust-two-column{display:grid;grid-template-columns:1fr 1fr;gap:48px}.clynx-trust-two-column h2{font-size:clamp(2rem,3.4vw,3.3rem)}.clynx-trust-two-column>div>p{color:#5d6d86;line-height:1.7}
.clynx-faq-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:50px;align-items:start}.clynx-faq-nav{position:sticky;top:110px;display:grid;gap:4px;padding:22px;border:1px solid #dce7f7;border-radius:22px;background:#fff}
.clynx-faq-nav a{padding:10px 12px;border-radius:10px;color:#455570;text-decoration:none;font-weight:700}.clynx-faq-nav a:hover{background:#eef4ff;color:#1b5de3}
.clynx-faq-groups{display:grid;gap:42px}.clynx-faq-group{scroll-margin-top:120px}.clynx-faq-group>h2{margin:0 0 16px;font-size:2rem}
.clynx-faq-group details{margin-bottom:12px;border:1px solid #dce7f7;border-radius:18px;background:#fff;overflow:hidden}.clynx-faq-group summary{position:relative;padding:20px 56px 20px 22px;cursor:pointer;font-weight:800;list-style:none}.clynx-faq-group summary::-webkit-details-marker{display:none}.clynx-faq-group summary:after{content:"+";position:absolute;right:21px;top:15px;display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#eef4ff;color:#245fde;font-size:1.25rem}.clynx-faq-group details[open] summary:after{content:"−"}.clynx-faq-group details>div{padding:0 22px 20px}.clynx-faq-group details p{margin:0;color:#5d6d86;line-height:1.7}
.clynx-release-card{padding:34px;border:1px solid #cfdff7;border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(20,50,97,.09)}.clynx-release-card--current{border-top:5px solid #1b8ee9}
.clynx-release-card__meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.clynx-release-card__meta time{color:#62718a;font-weight:700}.clynx-release-card>h2{font-size:2rem}
.clynx-release-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:25px}.clynx-release-columns>div{padding:22px;border-radius:18px;background:#f7f9fd}.clynx-release-columns h3{margin:0 0 12px}.clynx-release-columns ul{display:grid;gap:9px;margin:0;padding-left:20px;color:#5d6d86}
.clynx-release-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.clynx-release-product-grid article{padding:28px;border:1px solid #dce7f7;border-radius:22px;background:#fff}.clynx-release-product-grid h3{margin:.45rem 0 .8rem}.clynx-release-product-grid p{color:#63728a;line-height:1.62}
@media (max-width:1100px){.clynx-resource-hero__grid{grid-template-columns:1fr;gap:35px}.clynx-resource-access-card{max-width:760px}.clynx-resource-card-grid,.clynx-guide-grid,.clynx-integration-grid,.clynx-release-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clynx-resource-feature-grid--dark{grid-template-columns:repeat(2,minmax(0,1fr))}.clynx-release-columns{grid-template-columns:1fr}.clynx-resource-cta .final-cta__box{align-items:flex-start;flex-direction:column}}
@media (max-width:780px){.clynx-resource-hero{padding:64px 0 54px}.clynx-resource-hero h1{font-size:clamp(2.45rem,11vw,4.1rem)}.clynx-resource-card-grid,.clynx-resource-boundary__grid,.clynx-resource-feature-grid,.clynx-guide-grid,.clynx-integration-grid,.clynx-security-grid,.clynx-trust-two-column,.clynx-release-product-grid{grid-template-columns:1fr}.clynx-architecture-stack article{grid-template-columns:50px minmax(0,1fr)}.clynx-architecture-stack article>strong{grid-column:2;justify-self:start}.clynx-faq-layout{grid-template-columns:1fr}.clynx-faq-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.clynx-resource-feature-grid--dark{grid-template-columns:1fr}.clynx-resource-hero .button-row{align-items:stretch;flex-direction:column}.clynx-resource-hero .button-row .btn{justify-content:center;width:100%}}
@media (max-width:520px){.clynx-resource-access-card,.clynx-resource-card,.clynx-guide-card,.clynx-release-card{padding:24px}.clynx-faq-nav{grid-template-columns:1fr}.clynx-resource-steps li{grid-template-columns:46px minmax(0,1fr);gap:15px}.clynx-resource-steps span{width:42px;height:42px}.clynx-release-card__meta{align-items:flex-start;flex-direction:column}.clynx-integration-group{padding:20px}}

/* v7.1.7 product-only 404 repair */
.clynx-404-safe-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:26px}
.clynx-404-safe-links a{color:#c7d8f5;font-weight:700;text-decoration:none}
.clynx-404-safe-links a:hover,.clynx-404-safe-links a:focus{color:#67e8f9;text-decoration:underline}


/* Collablynx v7.1.9 — Resources typography + Pricing layout polish */

/* --------------------------------------------------------------------------
   RESOURCES: match the calmer, tighter typographic scale used on Product pages
   -------------------------------------------------------------------------- */
.clynx-resources-center .clynx-resource-hero {
  padding: 70px 0 56px;
}
.clynx-resources-center .clynx-resource-hero__grid {
  gap: 42px;
}
.clynx-resources-center .clynx-resource-hero h1 {
  max-width: 880px;
  margin: .3rem 0 1rem;
  font-size: clamp(2.15rem, 4.15vw, 3.65rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}
.clynx-resources-center .clynx-resource-hero .lead {
  max-width: 800px;
  font-size: 1.02rem;
  line-height: 1.65;
}
.clynx-resources-center .clynx-resource-hero .button-row {
  margin-top: 22px;
}
.clynx-resources-center .clynx-resource-access-card {
  padding: 24px;
  border-radius: 24px;
}
.clynx-resources-center .clynx-resource-access-card__icon {
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 13px;
  font-size: 1.05rem;
}
.clynx-resources-center .clynx-resource-access-card h2 {
  font-size: 1.28rem;
}
.clynx-resources-center .clynx-resource-access-card p:last-child,
.clynx-resources-center .clynx-resource-card p,
.clynx-resources-center .clynx-resource-boundary__card li,
.clynx-resources-center .clynx-architecture-stack p,
.clynx-resources-center .clynx-resource-feature-grid p,
.clynx-resources-center .clynx-guide-card > p,
.clynx-resources-center .clynx-guide-card li,
.clynx-resources-center .clynx-resource-steps p,
.clynx-resources-center .clynx-resource-callout p,
.clynx-resources-center .clynx-security-grid p,
.clynx-resources-center .clynx-trust-two-column > div > p,
.clynx-resources-center .clynx-faq-group details p,
.clynx-resources-center .clynx-release-product-grid p,
.clynx-resources-center .clynx-release-columns li {
  font-size: .95rem;
  line-height: 1.58;
}
.clynx-resources-center .clynx-resource-heading {
  max-width: 820px;
  margin-bottom: 28px;
}
.clynx-resources-center .clynx-resource-heading h2 {
  margin: .35rem 0 .6rem;
  font-size: clamp(1.7rem, 3vw, 2.55rem);
  line-height: 1.12;
  letter-spacing: -.03em;
}
.clynx-resources-center .clynx-resource-heading > p:last-child {
  font-size: .98rem;
  line-height: 1.62;
}
.clynx-resources-center .section,
.clynx-resources-center .section--dark,
.clynx-resources-center .section--soft {
  padding-top: 58px;
  padding-bottom: 58px;
}
.clynx-resources-center .clynx-resource-card-grid,
.clynx-resources-center .clynx-guide-grid {
  gap: 20px;
}
.clynx-resources-center .clynx-resource-card {
  min-height: 270px;
  padding: 24px;
  border-radius: 22px;
}
.clynx-resources-center .clynx-resource-card__number {
  width: 40px;
  height: 40px;
  margin-bottom: 22px;
  border-radius: 12px;
  font-size: .8rem;
}
.clynx-resources-center .clynx-resource-card h2 {
  margin-bottom: 10px;
  font-size: 1.18rem;
  line-height: 1.28;
}
.clynx-resources-center .clynx-resource-boundary__card {
  padding: 28px;
  border-radius: 22px;
}
.clynx-resources-center .clynx-resource-boundary__card h3 {
  margin: 15px 0 12px;
  font-size: 1.25rem;
}
.clynx-resources-center .clynx-architecture-stack article {
  grid-template-columns: 50px minmax(0,1fr) auto;
  gap: 18px;
  padding: 20px 22px;
  border-radius: 19px;
}
.clynx-resources-center .clynx-architecture-stack article > span {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  font-size: .8rem;
}
.clynx-resources-center .clynx-architecture-stack h3 {
  font-size: 1.06rem;
}
.clynx-resources-center .clynx-resource-feature-grid article,
.clynx-resources-center .clynx-security-grid article,
.clynx-resources-center .clynx-release-product-grid article {
  padding: 22px;
  border-radius: 19px;
}
.clynx-resources-center .clynx-resource-feature-grid h3,
.clynx-resources-center .clynx-security-grid h3,
.clynx-resources-center .clynx-release-product-grid h3 {
  font-size: 1.05rem;
}
.clynx-resources-center .clynx-guide-card {
  padding: 25px;
  border-radius: 22px;
}
.clynx-resources-center .clynx-guide-card h2 {
  min-height: 0;
  margin: .4rem 0 .8rem;
  font-size: 1.34rem;
  line-height: 1.25;
}
.clynx-resources-center .clynx-guide-card h3 {
  margin: 20px 0 10px;
  font-size: .95rem;
}
.clynx-resources-center .clynx-resource-steps li {
  grid-template-columns: 50px minmax(0,1fr);
  gap: 18px;
  padding: 20px 0;
}
.clynx-resources-center .clynx-resource-steps span {
  width: 44px;
  height: 44px;
  font-size: .8rem;
}
.clynx-resources-center .clynx-resource-steps h3 {
  font-size: 1.05rem;
}
.clynx-resources-center .clynx-integration-groups {
  gap: 24px;
}
.clynx-resources-center .clynx-integration-group {
  padding: 23px;
  border-radius: 21px;
}
.clynx-resources-center .clynx-integration-group > h2 {
  margin-bottom: 18px;
  font-size: 1.25rem;
}
.clynx-resources-center .clynx-integration-grid article {
  padding: 15px;
  border-radius: 15px;
}
.clynx-resources-center .clynx-integration-grid h3 {
  font-size: .92rem;
}
.clynx-resources-center .clynx-resource-callout {
  padding: 21px 23px;
}
.clynx-resources-center .clynx-resource-callout strong {
  font-size: .98rem;
}
.clynx-resources-center .clynx-trust-two-column {
  gap: 34px;
}
.clynx-resources-center .clynx-trust-two-column h2 {
  font-size: clamp(1.65rem, 2.8vw, 2.45rem);
}
.clynx-resources-center .clynx-faq-layout {
  grid-template-columns: 215px minmax(0,1fr);
  gap: 36px;
}
.clynx-resources-center .clynx-faq-nav {
  padding: 18px;
}
.clynx-resources-center .clynx-faq-nav a {
  padding: 9px 10px;
  font-size: .9rem;
}
.clynx-resources-center .clynx-faq-groups {
  gap: 34px;
}
.clynx-resources-center .clynx-faq-group > h2,
.clynx-resources-center .clynx-release-card > h2 {
  font-size: 1.55rem;
}
.clynx-resources-center .clynx-faq-group summary {
  padding: 17px 52px 17px 19px;
  font-size: .96rem;
}
.clynx-resources-center .clynx-faq-group details > div {
  padding: 0 19px 17px;
}
.clynx-resources-center .clynx-release-card {
  padding: 28px;
  border-radius: 23px;
}
.clynx-resources-center .clynx-release-columns {
  gap: 18px;
  margin-top: 20px;
}
.clynx-resources-center .clynx-release-columns > div {
  padding: 18px;
}
.clynx-resources-center .clynx-resource-cta .final-cta__box h2 {
  font-size: clamp(1.65rem, 3vw, 2.45rem);
}

/* --------------------------------------------------------------------------
   PRICING: compact two-column buyer layout
   -------------------------------------------------------------------------- */
.page-template-page-pricing-php .clynx-pricing-hero,
.page-template-page-pricing .clynx-pricing-hero {
  padding: 68px 0 52px;
}
.page-template-page-pricing-php .clynx-pricing-hero h1,
.page-template-page-pricing .clynx-pricing-hero h1 {
  max-width: 900px;
  font-size: clamp(2.2rem, 4.2vw, 3.7rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}
.page-template-page-pricing-php .clynx-pricing-hero .lead,
.page-template-page-pricing .clynx-pricing-hero .lead {
  max-width: 860px;
  font-size: 1rem;
  line-height: 1.62;
}
.page-template-page-pricing-php .resource-card-grid--pricing,
.page-template-page-pricing .resource-card-grid--pricing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
.page-template-page-pricing-php .resource-card-grid--pricing .resource-card,
.page-template-page-pricing .resource-card-grid--pricing .resource-card {
  display: flex;
  min-height: 0;
  flex-direction: column;
  padding: 24px 25px;
  border: 1px solid #d9e5f7;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(22,52,96,.07);
}
.page-template-page-pricing-php .resource-card-grid--pricing .resource-card:nth-child(5),
.page-template-page-pricing .resource-card-grid--pricing .resource-card:nth-child(5) {
  grid-column: 1 / -1;
}
.page-template-page-pricing-php .resource-card-grid--pricing .resource-card .eyebrow,
.page-template-page-pricing .resource-card-grid--pricing .resource-card .eyebrow {
  margin-bottom: 8px;
  font-size: .68rem;
  letter-spacing: .12em;
}
.page-template-page-pricing-php .resource-card-grid--pricing .resource-card h2,
.page-template-page-pricing .resource-card-grid--pricing .resource-card h2 {
  margin: 0 0 9px;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  line-height: 1.18;
  letter-spacing: -.025em;
}
.page-template-page-pricing-php .resource-card-grid--pricing .resource-card > p:not(.eyebrow),
.page-template-page-pricing .resource-card-grid--pricing .resource-card > p:not(.eyebrow) {
  margin: 0;
  color: #5d6b80;
  font-size: .94rem;
  line-height: 1.55;
}
.page-template-page-pricing-php .resource-card-grid--pricing .resource-card ul,
.page-template-page-pricing .resource-card-grid--pricing .resource-card ul {
  display: grid;
  gap: 6px;
  margin: 17px 0 20px;
  padding-left: 19px;
}
.page-template-page-pricing-php .resource-card-grid--pricing .resource-card li,
.page-template-page-pricing .resource-card-grid--pricing .resource-card li {
  color: #334155;
  font-size: .9rem;
  line-height: 1.42;
}
.page-template-page-pricing-php .resource-card-grid--pricing .resource-card .btn,
.page-template-page-pricing .resource-card-grid--pricing .resource-card .btn {
  width: auto;
  min-width: 0;
  min-height: 40px;
  align-self: flex-start;
  margin-top: auto;
  padding: .62rem 1rem;
  border-radius: 999px;
  font-size: .84rem;
  line-height: 1;
}
.page-template-page-pricing-php .clynx-centered-cta,
.page-template-page-pricing .clynx-centered-cta {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}
.page-template-page-pricing-php .clynx-centered-cta h2,
.page-template-page-pricing .clynx-centered-cta h2 {
  font-size: clamp(1.7rem, 3vw, 2.45rem);
}
.page-template-page-pricing-php .clynx-centered-cta p,
.page-template-page-pricing .clynx-centered-cta p {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  font-size: .96rem;
  line-height: 1.6;
}
.page-template-page-pricing-php .clynx-centered-cta .btn,
.page-template-page-pricing .clynx-centered-cta .btn {
  width: auto;
  min-width: 0;
  min-height: 42px;
  padding: .68rem 1.08rem;
  font-size: .86rem;
}

@media (max-width: 900px) {
  .clynx-resources-center .clynx-resource-hero { padding: 58px 0 48px; }
  .clynx-resources-center .section,
  .clynx-resources-center .section--dark,
  .clynx-resources-center .section--soft { padding-top: 46px; padding-bottom: 46px; }
  .page-template-page-pricing-php .resource-card-grid--pricing,
  .page-template-page-pricing .resource-card-grid--pricing { grid-template-columns: 1fr; }
  .page-template-page-pricing-php .resource-card-grid--pricing .resource-card:nth-child(5),
  .page-template-page-pricing .resource-card-grid--pricing .resource-card:nth-child(5) { grid-column: auto; }
}

@media (max-width: 620px) {
  .clynx-resources-center .clynx-resource-hero h1 { font-size: clamp(2rem, 10vw, 2.8rem); }
  .clynx-resources-center .clynx-resource-heading h2 { font-size: 1.65rem; }
  .clynx-resources-center .clynx-resource-card,
  .clynx-resources-center .clynx-resource-boundary__card,
  .clynx-resources-center .clynx-guide-card,
  .clynx-resources-center .clynx-release-card { padding: 20px; }
  .page-template-page-pricing-php .resource-card-grid--pricing .resource-card,
  .page-template-page-pricing .resource-card-grid--pricing .resource-card { padding: 21px; }
}


/* v7.2.3 trust-card and compliance polish */
.clynx-resources-center .clynx-resource-boundary__card--public,
.clynx-resources-center .clynx-resource-boundary__card--customer {
  background:linear-gradient(145deg,#0c1931,#143352);
  color:#fff;
  border-color:rgba(91,200,229,.26);
  box-shadow:0 18px 46px rgba(8,28,58,.16);
}
.clynx-resources-center .clynx-resource-boundary__card--public {
  background:linear-gradient(145deg,#102443,#16475a);
}
.clynx-resources-center .clynx-resource-boundary__card--public h3,
.clynx-resources-center .clynx-resource-boundary__card--customer h3 {color:#fff;}
.clynx-resources-center .clynx-resource-boundary__card--public li,
.clynx-resources-center .clynx-resource-boundary__card--customer li {color:#c9d7e9;}
.clynx-resources-center .clynx-resource-boundary__card--public li:before {color:#55e0cb;}
.clynx-resources-center .clynx-resource-callout--assurance {
  border-color:#a7dfe0;
  border-left-color:#16a9b7;
  background:linear-gradient(135deg,#f2fbfb,#f6f9ff);
}
.clynx-resources-center .clynx-resource-callout--assurance strong {color:#0f4050;}



/* ============================================================
   v7.3.0 PUBLIC SITE DESIGN TOKENS + CONSOLIDATION OVERRIDES
   ============================================================ */
:root{
  --font-display: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-body: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono: ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --clynx-container:1240px;
  --clynx-prose:850px;
  --clynx-section:56px;
  --clynx-section-tablet:42px;
  --clynx-section-mobile:34px;
  --clynx-gap:22px;
  --clynx-card-pad:24px;
  --clynx-radius:24px;
  --clynx-button-h:48px;
}
html{font-size:16px}
body{font-family:var(--font-body);font-size:1rem;line-height:1.65}
h1,.h1{font-size:clamp(2.1rem,4.2vw,3.6rem);line-height:1.08;letter-spacing:-.035em}
h2,.h2{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.14;letter-spacing:-.025em}
h3,.h3{font-size:1.15rem;line-height:1.3}
.lead{font-size:1.05rem;line-height:1.6}
.eyebrow,.section-label{font-size:.74rem;line-height:1.25;letter-spacing:.12em}
.container{width:min(calc(100% - 40px),var(--clynx-container));margin-inline:auto}
.section{padding-block:var(--clynx-section)}
.section--tight{padding-block:38px}
.card,.glass-card,.content-block,.content-card,.clynx-resource-card,.clynx-legal-card{border-radius:var(--clynx-radius)}
.card-grid,.section-grid-2,.clynx-resource-card-grid,.clynx-resource-boundary__grid{gap:var(--clynx-gap)}
.btn{min-height:var(--clynx-button-h);padding:.72rem 1.2rem;border-radius:999px;font-size:.94rem;line-height:1.1}
.btn-lg{min-height:var(--clynx-button-h);padding:.72rem 1.25rem;font-size:.96rem}
.page-hero,.clynx-resource-hero,.clynx-legal-hero{padding-top:64px;padding-bottom:52px}
.prose,.page-content-body,.clynx-legal-body{max-width:var(--clynx-prose)}

/* Prototype-ready media slots keep dimensions stable before screenshots arrive. */
.clynx-prototype-media,.clynx-hero-image-placeholder,.clynx-product-sitemap__placeholder{
  aspect-ratio:16/9;min-height:0;width:100%;display:grid;place-items:center;text-align:center;
  padding:28px;border:1px dashed rgba(72,139,255,.45);border-radius:20px;
  background:linear-gradient(145deg,rgba(239,246,255,.95),rgba(247,250,255,.98));color:#516782;
}
.clynx-prototype-media__inner{display:grid;justify-items:center;gap:8px;max-width:420px}
.clynx-prototype-media__icon,.clynx-hero-image-placeholder__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf2ff;color:#2166f3;font-size:1.25rem}
.clynx-prototype-media strong,.clynx-hero-image-placeholder strong,.clynx-product-sitemap__placeholder strong{font:700 1rem/1.3 var(--font-display);color:#14213a}
.clynx-prototype-media small,.clynx-hero-image-placeholder small,.clynx-product-sitemap__placeholder small{font-size:.82rem;line-height:1.5;color:#6a7d99}
.clynx-prototype-media__sample{display:inline-flex;padding:.28rem .58rem;border-radius:999px;background:#0b1930;color:#d9edff;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* Availability states are explicit and buyer-readable. */
.clynx-availability{display:inline-flex;align-items:center;gap:.42rem;margin:0 0 14px;padding:.38rem .7rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.clynx-availability--prototype{background:#efeaff;color:#6842d9;border:1px solid #d9ccff}
.clynx-availability--preview{background:#e9f7ff;color:#0874a8;border:1px solid #b9e8ff}
.clynx-availability--ga{background:#e9fbf3;color:#087a4d;border:1px solid #bcebd6}
.clynx-availability--planned{background:#fff7e6;color:#9b6200;border:1px solid #f5d99c}

/* One consistent product-detail rhythm. */
.clynx-v730-product-copy{display:grid;gap:18px}
.clynx-v730-product-copy p{margin:0;color:var(--text-mid)}
.clynx-v730-product-copy ul{margin:0;padding-left:1.15rem;display:grid;gap:8px}
.clynx-uniform-product-hero .button-row .btn-secondary:empty{display:none}
.product-detail-body-v562,.product-story-section,.product-fit-section-v711{padding-block:var(--clynx-section)}
.product-shot{border-radius:20px;overflow:hidden}
.product-shot__body{aspect-ratio:16/9;min-height:0;display:grid;align-content:center}
.product-shot__caption{padding:14px 16px}
.product-shot__caption span{font-size:.82rem}

/* Resource and legal typography use the same public product scale. */
.clynx-resource-hero h1,.clynx-legal-hero h1{font-size:clamp(2.1rem,4.2vw,3.6rem)}
.clynx-resource-heading h2,.clynx-legal-section h2{font-size:clamp(1.55rem,2.5vw,2.25rem)}
.clynx-resource-hero .lead,.clynx-legal-hero .lead{font-size:1.05rem}
.clynx-resource-card p,.clynx-legal-body,.clynx-legal-body p,.clynx-legal-body li{font-size:.96rem;line-height:1.65}

/* Portal-unavailable state: informative, never a dead link. */
.clynx-portal-unavailable{display:inline-flex;align-items:center;min-height:42px;padding:.62rem .9rem;border:1px solid rgba(123,151,190,.35);border-radius:999px;color:#60738d;font-size:.86rem;font-weight:700;background:rgba(244,248,253,.9)}

@media(max-width:900px){.section{padding-block:var(--clynx-section-tablet)}.page-hero,.clynx-resource-hero,.clynx-legal-hero{padding-top:52px;padding-bottom:44px}.container{width:min(calc(100% - 32px),var(--clynx-container))}}
@media(max-width:640px){.section{padding-block:var(--clynx-section-mobile)}.page-hero,.clynx-resource-hero,.clynx-legal-hero{padding-top:40px;padding-bottom:34px}.container{width:min(calc(100% - 24px),var(--clynx-container))}.btn,.btn-lg{min-height:44px;font-size:.9rem}.clynx-prototype-media,.clynx-hero-image-placeholder{padding:20px}}


/* ============================================================
   v7.3.2 PRICING + TYPOGRAPHY + FAMILY SPACING STABILIZATION
   ============================================================ */

/* Never render editorial decoration in production navigation. */
.menu--primary.menu--mega > li > .sub-menu::before{content:none;display:none}

/* One typography scale across buyer-facing subpages. */
.clynx-resources-center,
.clynx-privacy-policy-page,
.clynx-terms-page,
.clynx-public-policy-page,
.page-template-page-contact,
.clynx-pricing-page-v732{
  font-family:var(--font-body);
  font-size:1rem;
  line-height:1.65;
}
.clynx-resources-center h1,
.clynx-privacy-policy-page h1,
.clynx-terms-page h1,
.clynx-public-policy-page h1,
.page-template-page-contact h1,
.clynx-pricing-page-v732 h1{
  font-size:clamp(2.1rem,4.2vw,3.6rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.clynx-resources-center h2,
.clynx-privacy-policy-page h2,
.clynx-terms-page h2,
.clynx-public-policy-page h2,
.page-template-page-contact h2,
.clynx-pricing-page-v732 h2{
  font-size:clamp(1.55rem,2.5vw,2.25rem);
  line-height:1.14;
  letter-spacing:-.025em;
}
.clynx-resources-center h3,
.clynx-privacy-policy-page h3,
.clynx-terms-page h3,
.clynx-public-policy-page h3,
.page-template-page-contact h3,
.clynx-pricing-page-v732 h3{
  font-size:1.15rem;
  line-height:1.3;
}
.clynx-resources-center .lead,
.clynx-privacy-policy-page .lead,
.clynx-terms-page .lead,
.clynx-public-policy-page .lead,
.page-template-page-contact .lead,
.clynx-pricing-page-v732 .lead{
  font-size:1.05rem;
  line-height:1.6;
}
.clynx-resources-center p,
.clynx-resources-center li,
.clynx-privacy-policy-page .clynx-privacy__content p,
.clynx-privacy-policy-page .clynx-privacy__content li,
.clynx-terms-page .clynx-privacy__content p,
.clynx-terms-page .clynx-privacy__content li,
.clynx-public-policy-page p,
.clynx-public-policy-page li,
.page-template-page-contact .clynx-form-shell,
.clynx-pricing-page-v732 .resource-card p,
.clynx-pricing-page-v732 .resource-card li{
  font-size:1rem;
  line-height:1.65;
}

/* Restore the compact v4.1.5-era pricing experience without relying on body-template classes. */
.clynx-pricing-page-v732 .clynx-pricing-hero{padding:64px 0 48px}
.clynx-pricing-page-v732 .clynx-pricing-hero h1{max-width:900px;margin:.3rem 0 .85rem}
.clynx-pricing-page-v732 .clynx-pricing-hero .lead{max-width:860px;margin:0}
.clynx-pricing-page-v732 .section{padding-block:42px}
.clynx-pricing-page-v732 .resource-card-grid--pricing{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card{
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:24px 25px;
  border:1px solid #d9e5f7;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 38px rgba(22,52,96,.07);
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card:nth-child(5){grid-column:1/-1}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card .eyebrow{
  margin:0 0 8px;
  font-size:.7rem;
  line-height:1.2;
  letter-spacing:.12em;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card h2{
  margin:0 0 9px;
  font-size:clamp(1.35rem,2vw,1.8rem);
  line-height:1.18;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card > p:not(.eyebrow){margin:0;color:#5d6b80;font-size:.94rem;line-height:1.55}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card ul{
  display:grid;
  gap:6px;
  margin:17px 0 20px;
  padding-left:19px;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card li{color:#334155;font-size:.9rem;line-height:1.42}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card .btn,
.clynx-pricing-page-v732 .clynx-centered-cta .btn{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  min-width:0;
  min-height:40px;
  align-self:flex-start;
  justify-content:center;
  margin-top:auto;
  padding:.62rem 1rem;
  border-radius:999px;
  font-size:.84rem;
  line-height:1;
}
.clynx-pricing-page-v732 .clynx-centered-cta{max-width:920px;margin:0 auto;text-align:center}
.clynx-pricing-page-v732 .clynx-centered-cta .btn{align-self:auto;margin-top:16px}

/* Product-family pages: remove the exaggerated dead zone before Get Started. */
.page-template-page-product-category .clynx-editor-canvas > section.section:not(.clynx-final-cta-section){padding-top:34px;padding-bottom:34px}
.page-template-page-product-category .clynx-editor-canvas > section.section:not(.clynx-final-cta-section) + section.section:not(.clynx-final-cta-section){padding-top:24px}
.page-template-page-product-category .clynx-editor-canvas > section.section:nth-last-child(2){padding-bottom:18px}
.page-template-page-product-category .clynx-editor-canvas > .clynx-final-cta-section{padding-top:18px;padding-bottom:38px}
.page-template-page-product-category .clynx-final-cta-section .final-cta__box{margin-top:0}
.page-template-page-product-category .card-grid{margin-bottom:0}

@media(max-width:900px){
  .clynx-pricing-page-v732 .resource-card-grid--pricing{grid-template-columns:1fr}
  .clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card:nth-child(5){grid-column:auto}
  .clynx-pricing-page-v732 .section{padding-block:36px}
  .page-template-page-product-category .clynx-editor-canvas > section.section:not(.clynx-final-cta-section){padding-block:30px}
}
@media(max-width:620px){
  .clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card{padding:21px}
  .clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card .btn,
  .clynx-pricing-page-v732 .clynx-centered-cta .btn{min-height:40px;padding:.62rem .95rem;font-size:.84rem}
  .page-template-page-product-category .clynx-editor-canvas > .clynx-final-cta-section{padding-top:14px;padding-bottom:30px}
}

/* v7.3.2 exact Resource typography parity with Product pages. */
.clynx-resources-center .clynx-resource-hero h1{
  font-size:clamp(2.1rem,4.2vw,3.6rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.clynx-resources-center .clynx-resource-heading h2{
  font-size:clamp(1.6rem,2.8vw,2.4rem);
  line-height:1.14;
  letter-spacing:-.025em;
}
.clynx-resources-center .clynx-resource-hero .lead,
.clynx-resources-center .clynx-resource-heading > p:last-child{
  font-size:1rem;
  line-height:1.65;
}
.clynx-resources-center .clynx-resource-access-card p:last-child,
.clynx-resources-center .clynx-resource-card p,
.clynx-resources-center .clynx-resource-boundary__card li,
.clynx-resources-center .clynx-architecture-stack p,
.clynx-resources-center .clynx-resource-feature-grid p,
.clynx-resources-center .clynx-guide-card > p,
.clynx-resources-center .clynx-guide-card li,
.clynx-resources-center .clynx-resource-steps p,
.clynx-resources-center .clynx-resource-callout p,
.clynx-resources-center .clynx-security-grid p,
.clynx-resources-center .clynx-trust-two-column > div > p,
.clynx-resources-center .clynx-faq-group details p,
.clynx-resources-center .clynx-release-product-grid p,
.clynx-resources-center .clynx-release-columns li{
  font-size:1rem;
  line-height:1.65;
}


/* ========================================================================== 
   v7.3.3 — Pricing + Resource Visual Parity
   Robust selectors are intentionally wrapper-based so they work regardless of
   WordPress page-template body-class variations or cached template metadata.
   ========================================================================== */

/* One font system across Products, Resources, Pricing, Contact, and Legal. */
.clynx-products-page,
.clynx-product-family-v732,
.clynx-product-subpage-v712,
.clynx-resources-center,
.clynx-pricing-page-v732,
.clynx-contact-shell,
.clynx-legal-page,
.clynx-public-policy-page {
  font-family: var(--font-body);
}
.clynx-products-page h1,.clynx-products-page h2,.clynx-products-page h3,.clynx-products-page h4,
.clynx-product-family-v732 h1,.clynx-product-family-v732 h2,.clynx-product-family-v732 h3,.clynx-product-family-v732 h4,
.clynx-product-subpage-v712 h1,.clynx-product-subpage-v712 h2,.clynx-product-subpage-v712 h3,.clynx-product-subpage-v712 h4,
.clynx-resources-center h1,.clynx-resources-center h2,.clynx-resources-center h3,.clynx-resources-center h4,
.clynx-pricing-page-v732 h1,.clynx-pricing-page-v732 h2,.clynx-pricing-page-v732 h3,.clynx-pricing-page-v732 h4,
.clynx-contact-shell h1,.clynx-contact-shell h2,.clynx-contact-shell h3,.clynx-contact-shell h4,
.clynx-legal-page h1,.clynx-legal-page h2,.clynx-legal-page h3,.clynx-legal-page h4,
.clynx-public-policy-page h1,.clynx-public-policy-page h2,.clynx-public-policy-page h3,.clynx-public-policy-page h4 {
  font-family: var(--font-display);
}

/* Resource pages use the same page-level scale as Products. */
.clynx-resources-center .clynx-resource-hero h1 {
  font-size: clamp(2.1rem,4.2vw,3.6rem);
  line-height:1.08;
  letter-spacing:-.03em;
}
.clynx-resources-center .clynx-resource-hero .lead,
.clynx-resources-center .clynx-resource-heading > p:last-child,
.clynx-resources-center .clynx-resource-access-card p:last-child,
.clynx-resources-center .clynx-resource-card p,
.clynx-resources-center .clynx-resource-boundary__card li,
.clynx-resources-center .clynx-architecture-stack p,
.clynx-resources-center .clynx-resource-feature-grid p,
.clynx-resources-center .clynx-guide-card > p,
.clynx-resources-center .clynx-guide-card li,
.clynx-resources-center .clynx-resource-steps p,
.clynx-resources-center .clynx-resource-callout p,
.clynx-resources-center .clynx-security-grid p,
.clynx-resources-center .clynx-trust-two-column > div > p,
.clynx-resources-center .clynx-faq-group details p,
.clynx-resources-center .clynx-release-product-grid p,
.clynx-resources-center .clynx-release-columns li {
  font-size:1rem;
  line-height:1.65;
}
.clynx-resources-center .clynx-resource-heading h2,
.clynx-resources-center .clynx-trust-two-column h2 {
  font-size:clamp(1.6rem,2.8vw,2.4rem);
  line-height:1.12;
  letter-spacing:-.02em;
}

/* Public and Customer Portal cards: one common dark trust palette everywhere. */
.clynx-resource-boundary__card--public,
.clynx-resource-boundary__card--customer,
.clynx-resources-center .clynx-resource-boundary__card--public,
.clynx-resources-center .clynx-resource-boundary__card--customer {
  background:linear-gradient(145deg,#0c1931 0%,#12304e 58%,#16475a 100%);
  color:#fff;
  border-color:rgba(91,200,229,.28);
  box-shadow:0 18px 46px rgba(8,28,58,.16);
}
.clynx-resource-boundary__card--public h3,
.clynx-resource-boundary__card--customer h3,
.clynx-resources-center .clynx-resource-boundary__card--public h3,
.clynx-resources-center .clynx-resource-boundary__card--customer h3 { color:#fff; }
.clynx-resource-boundary__card--public li,
.clynx-resource-boundary__card--customer li,
.clynx-resources-center .clynx-resource-boundary__card--public li,
.clynx-resources-center .clynx-resource-boundary__card--customer li { color:#cfdded; }
.clynx-resource-boundary__card--public li:before,
.clynx-resource-boundary__card--customer li:before { color:#45d9db; }
.clynx-resource-status--public,
.clynx-resource-status--customer {
  border-color:rgba(115,201,229,.46);
  background:rgba(255,255,255,.08);
  color:#dff8ff;
}
.clynx-portal-unavailable { color:#d7e7f8; }

/* Pricing: canonical two-column cards and compact Contact Sales actions. */
.clynx-pricing-page-v732 .clynx-pricing-hero {
  padding:64px 0 48px;
}
.clynx-pricing-page-v732 .clynx-pricing-hero h1 {
  max-width:900px;
  font-size:clamp(2.1rem,4.2vw,3.6rem);
  line-height:1.08;
  letter-spacing:-.03em;
}
.clynx-pricing-page-v732 .clynx-pricing-hero .lead {
  max-width:860px;
  font-size:1rem;
  line-height:1.65;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card {
  display:flex;
  min-height:0;
  flex-direction:column;
  padding:24px 25px;
  border:1px solid #d9e5f7;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 38px rgba(22,52,96,.07);
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card:nth-child(5) {
  grid-column:1 / -1;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card .eyebrow {
  margin-bottom:8px;
  font-size:.68rem;
  letter-spacing:.12em;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card h2 {
  margin:0 0 9px;
  font-size:clamp(1.35rem,2vw,1.8rem);
  line-height:1.18;
  letter-spacing:-.025em;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card > p:not(.eyebrow) {
  margin:0;
  color:#5d6b80;
  font-size:.94rem;
  line-height:1.55;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card ul {
  display:grid;
  gap:6px;
  margin:17px 0 20px;
  padding-left:19px;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card li {
  color:#334155;
  font-size:.9rem;
  line-height:1.42;
}
.clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card .btn {
  display:inline-flex;
  width:fit-content;
  min-width:112px;
  min-height:38px;
  align-self:flex-start;
  margin-top:auto;
  padding:0 16px;
  border-radius:999px;
  font-size:.82rem;
  line-height:1;
}
.clynx-pricing-page-v732 .clynx-centered-cta .btn {
  display:inline-flex;
  width:fit-content;
  min-width:112px;
  min-height:40px;
  padding:0 17px;
  font-size:.84rem;
}

@media (max-width:900px) {
  .clynx-pricing-page-v732 .resource-card-grid--pricing { grid-template-columns:1fr; }
  .clynx-pricing-page-v732 .resource-card-grid--pricing .resource-card:nth-child(5) { grid-column:auto; }
}

/* ================================================================
   v7.3.5 — deterministic canonical pricing renderer
   Structural selectors deliberately do not depend on body/template classes.
   ================================================================ */
:root{--clynx-public-build:738}
.clynx-canonical-pricing .clynx-pricing-hero{padding:64px 0 48px}
.clynx-canonical-pricing .clynx-pricing-hero h1{max-width:900px;font-size:clamp(2.1rem,4.2vw,3.6rem);line-height:1.08;letter-spacing:-.03em}
.clynx-canonical-pricing .clynx-pricing-hero .lead{max-width:860px;font-size:1rem;line-height:1.65}
.clynx-canonical-pricing .resource-card-grid--pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.clynx-canonical-pricing .resource-card-grid--pricing>.clynx-pricing-card{display:flex;min-height:0;flex-direction:column;padding:24px 25px;border:1px solid #d9e5f7;border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(22,52,96,.07)}
.clynx-canonical-pricing .resource-card-grid--pricing>.clynx-pricing-card--enterprise{grid-column:1/-1}
.clynx-canonical-pricing .resource-card-grid--pricing .clynx-pricing-card .eyebrow{margin-bottom:8px;font-size:.68rem;letter-spacing:.12em}
.clynx-canonical-pricing .resource-card-grid--pricing .clynx-pricing-card h2{margin:0 0 9px;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.18;letter-spacing:-.025em}
.clynx-canonical-pricing .resource-card-grid--pricing .clynx-pricing-card>p:not(.eyebrow){margin:0;color:#5d6b80;font-size:.94rem;line-height:1.55}
.clynx-canonical-pricing .resource-card-grid--pricing .clynx-pricing-card ul{display:grid;gap:6px;margin:17px 0 20px;padding-left:19px}
.clynx-canonical-pricing .resource-card-grid--pricing .clynx-pricing-card li{color:#334155;font-size:.9rem;line-height:1.42}
.clynx-canonical-pricing .resource-card-grid--pricing .clynx-pricing-contact{display:inline-flex;width:fit-content;min-width:112px;min-height:38px;align-self:flex-start;margin-top:auto;padding:0 16px;border-radius:999px;font-size:.82rem;line-height:1;align-items:center;justify-content:center}
.clynx-canonical-pricing .clynx-centered-cta{max-width:920px;margin:0 auto;text-align:center}
.clynx-canonical-pricing .clynx-centered-cta .clynx-pricing-contact{display:inline-flex;width:fit-content;min-width:112px;min-height:40px;padding:0 17px;align-items:center;justify-content:center}
@media (max-width:900px){.clynx-canonical-pricing .resource-card-grid--pricing{grid-template-columns:1fr}.clynx-canonical-pricing .resource-card-grid--pricing>.clynx-pricing-card--enterprise{grid-column:auto}}

/* ================================================================
   v7.3.6 — targeted visual stability
   - one public page-title scale based on Product pages
   - fully visible pricing tier pills
   - identical Public / Customer Portal trust treatment
   ================================================================ */
:root{
  --clynx-public-build:738;
  --clynx-public-page-title:clamp(2.1rem,4.2vw,3.6rem);
}

/* Product-page title scale is the canonical scale for buyer-facing pages/subpages. */
.page-template-page-products main h1,
.page-template-page-product-category main h1,
.page-template-page-product-detail main h1,
.page-template-page-resources main h1,
.page-template-page-resource-detail main h1,
.page-template-page-pricing main h1,
.page-template-page-contact main h1,
.clynx-resources-center .clynx-resource-hero h1,
.clynx-canonical-pricing .clynx-pricing-hero h1,
.clynx-privacy-policy-page main h1,
.clynx-terms-page main h1,
.clynx-public-policy-page main h1{
  font-family:var(--font-display);
  font-size:var(--clynx-public-page-title);
  line-height:1.08;
  letter-spacing:-.035em;
}

/* Pricing tier names are real pills with enough inset to avoid border clipping. */
.clynx-canonical-pricing .resource-card-grid--pricing>.clynx-pricing-card{
  overflow:visible;
}
.clynx-canonical-pricing .resource-card-grid--pricing .clynx-pricing-card>.eyebrow{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  width:fit-content;
  min-height:30px;
  margin:0 0 11px;
  padding:6px 11px;
  border:1px solid #9edee3;
  border-radius:999px;
  background:#e9fbfb;
  color:#087c86;
  font-size:.7rem;
  font-weight:800;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:visible;
}

/* Public and Customer Portal use one trust-card palette and one status-pill palette everywhere. */
.clynx-resources-center .clynx-resource-boundary__grid>.clynx-resource-boundary__card.clynx-resource-boundary__card--public,
.clynx-resources-center .clynx-resource-boundary__grid>.clynx-resource-boundary__card.clynx-resource-boundary__card--customer{
  background:linear-gradient(145deg,#0c1931 0%,#12304e 58%,#16475a 100%);
  color:#fff;
  border-color:rgba(91,200,229,.28);
  box-shadow:0 18px 46px rgba(8,28,58,.16);
}
.clynx-resources-center .clynx-resource-boundary__grid>.clynx-resource-boundary__card h3{
  color:#fff;
}
.clynx-resources-center .clynx-resource-boundary__grid>.clynx-resource-boundary__card li{
  color:#cfdded;
}
.clynx-resources-center .clynx-resource-boundary__grid>.clynx-resource-boundary__card .clynx-resource-status--public,
.clynx-resources-center .clynx-resource-boundary__grid>.clynx-resource-boundary__card .clynx-resource-status--customer{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  min-height:30px;
  padding:6px 12px;
  border:1px solid rgba(69,217,219,.58);
  border-radius:999px;
  background:rgba(69,217,219,.10);
  color:#bff9f6;
  font-size:.72rem;
  font-weight:800;
  line-height:1;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
}

@media(max-width:640px){
  .page-template-page-products main h1,
  .page-template-page-product-category main h1,
  .page-template-page-product-detail main h1,
  .page-template-page-resources main h1,
  .page-template-page-resource-detail main h1,
  .page-template-page-pricing main h1,
  .page-template-page-contact main h1,
  .clynx-resources-center .clynx-resource-hero h1,
  .clynx-canonical-pricing .clynx-pricing-hero h1,
  .clynx-privacy-policy-page main h1,
  .clynx-terms-page main h1,
  .clynx-public-policy-page main h1{
    font-size:clamp(2rem,10vw,2.8rem);
  }
}


/* ================================================================
   v7.3.7 — external force-parity backup layer
   The same critical values are also emitted inline at wp_head priority 9999.
   ================================================================ */
.clynx-resources-center .clynx-resource-hero h1,
.clynx-canonical-pricing .clynx-pricing-hero h1{
  font-size:clamp(2.1rem,4.2vw,3.6rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.clynx-resources-center .clynx-resource-heading h2,
.clynx-resources-center .clynx-trust-two-column h2{
  font-size:clamp(1.55rem,2.5vw,2.25rem);
  line-height:1.14;
}
.clynx-resources-center .clynx-resource-card h2,
.clynx-resources-center .clynx-guide-card h2,
.clynx-resources-center .clynx-release-product-grid h3,
.clynx-resources-center .clynx-resource-boundary__card h3{
  font-size:1.15rem;
  line-height:1.25;
}
.clynx-resources-center .clynx-resource-card p,
.clynx-resources-center .clynx-guide-card p,
.clynx-resources-center .clynx-guide-card li,
.clynx-resources-center .clynx-resource-boundary__card li,
.clynx-resources-center .clynx-security-grid p,
.clynx-resources-center .clynx-faq-group details p,
.clynx-resources-center .clynx-release-columns li{
  font-size:.94rem;
  line-height:1.58;
}
.clynx-resources-center .clynx-resource-boundary__card--public,
.clynx-resources-center .clynx-resource-boundary__card--customer{
  background:linear-gradient(145deg,#0c1931 0%,#12304e 58%,#16475a 100%);
  color:#fff;
  border-color:rgba(91,200,229,.28);
}
.clynx-resources-center .clynx-resource-boundary__card--public h3,
.clynx-resources-center .clynx-resource-boundary__card--customer h3{color:#fff}
.clynx-resources-center .clynx-resource-boundary__card--public li,
.clynx-resources-center .clynx-resource-boundary__card--customer li{color:#cfdded}
.clynx-resources-center .clynx-resource-status--public,
.clynx-resources-center .clynx-resource-status--customer{
  background:rgba(69,217,219,.12);
  border-color:rgba(69,217,219,.62);
  color:#d8ffff;
}