@font-face {
  font-family: "NEO CYBERN";
  src: local("NEO CYBERN"), local("Neo Cybern");
  font-display: swap;
}

:root {
  color-scheme: light;

  --color-brand-primary: #1E3A8A;
  --color-brand-secondary: #6D28D9;
  --color-brand-accent: #0E7490;
  --color-brand-accent-bright: #06B6D4;
  --color-bg-main: #F8FAFC;
  --color-bg-surface: #FFFFFF;
  --color-text-primary: #0F172A;
  --color-text-secondary: #475569;

  --brand-primary: var(--color-brand-primary);
  --brand-secondary: var(--color-brand-secondary);
  --brand-accent: var(--color-brand-accent);
  --brand-blue: var(--color-brand-primary);
  --brand-purple: var(--color-brand-secondary);
  --brand-cyan: var(--color-brand-accent);
  --brand-charcoal: #232323;
  --brand-slate: #475569;
  --brand-platinum: #64748B;
  --success: #0E7490;
  --warning: #D97706;

  --bg: var(--color-bg-main);
  --bg-alt: #F1F5F9;
  --surface: rgba(255, 255, 255, 0.96);
  --surface-strong: #FFFFFF;
  --surface-soft: rgba(248, 250, 252, 0.94);
  --surface-card: #FFFFFF;
  --text: var(--color-text-primary);
  --text-soft: var(--color-text-secondary);
  --text-muted: #64748B;
  --line: rgba(15, 23, 42, 0.12);
  --line-strong: rgba(109, 40, 217, 0.22);
  --glow-cyan: 0 0 24px rgba(6, 182, 212, 0.10);
  --glow-purple: 0 0 30px rgba(109, 40, 217, 0.13);
  --shadow-lg: 0 36px 90px rgba(15, 23, 42, 0.12);
  --shadow-md: 0 18px 48px rgba(15, 23, 42, 0.10);
  --radius-3xl: 40px;
  --radius-2xl: 28px;
  --radius-xl: 22px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --container: 1240px;
  --header-height: 94px;
}

body[data-theme="light"],
[data-theme="light"] {
  color-scheme: light;
  --color-brand-primary: #1E3A8A;
  --color-brand-secondary: #6D28D9;
  --color-brand-accent: #0E7490;
  --color-brand-accent-bright: #06B6D4;
  --color-bg-main: #F8FAFC;
  --color-bg-surface: #FFFFFF;
  --color-text-primary: #0F172A;
  --color-text-secondary: #475569;
  --brand-primary: var(--color-brand-primary);
  --brand-secondary: var(--color-brand-secondary);
  --brand-accent: var(--color-brand-accent);
  --brand-blue: var(--color-brand-primary);
  --brand-purple: var(--color-brand-secondary);
  --brand-cyan: var(--color-brand-accent);
  --brand-charcoal: #232323;
  --brand-slate: #475569;
  --brand-platinum: #64748B;
  --success: #0E7490;
  --warning: #D97706;
  --bg: var(--color-bg-main);
  --bg-alt: #F1F5F9;
  --surface: rgba(255, 255, 255, 0.96);
  --surface-strong: #FFFFFF;
  --surface-soft: rgba(248, 250, 252, 0.94);
  --surface-card: #FFFFFF;
  --text: var(--color-text-primary);
  --text-soft: var(--color-text-secondary);
  --text-muted: #64748B;
  --line: rgba(15, 23, 42, 0.12);
  --line-strong: rgba(109, 40, 217, 0.22);
  --glow-cyan: 0 0 24px rgba(6, 182, 212, 0.10);
  --glow-purple: 0 0 30px rgba(109, 40, 217, 0.13);
  --shadow-lg: 0 36px 90px rgba(15, 23, 42, 0.12);
  --shadow-md: 0 18px 48px rgba(15, 23, 42, 0.10);
}

body[data-theme="dark"],
[data-theme="dark"] {
  color-scheme: dark;
  --color-brand-primary: #1E3A8A;
  --color-brand-secondary: #7C3AED;
  --color-brand-accent: #06B6D4;
  --color-brand-accent-bright: #06B6D4;
  --color-bg-main: #0B0F19;
  --color-bg-surface: #161D30;
  --color-text-primary: #F8FAFC;
  --color-text-secondary: #94A3B8;
  --brand-primary: var(--color-brand-primary);
  --brand-secondary: var(--color-brand-secondary);
  --brand-accent: var(--color-brand-accent);
  --brand-blue: var(--color-brand-primary);
  --brand-purple: var(--color-brand-secondary);
  --brand-cyan: var(--color-brand-accent);
  --brand-charcoal: #232323;
  --brand-slate: #94A3B8;
  --brand-platinum: #CBD5E1;
  --success: #06B6D4;
  --warning: #F59E0B;
  --bg: var(--color-bg-main);
  --bg-alt: #111827;
  --surface: rgba(22, 29, 48, 0.88);
  --surface-strong: rgba(22, 29, 48, 0.98);
  --surface-soft: rgba(30, 41, 59, 0.76);
  --surface-card: rgba(22, 29, 48, 0.90);
  --text: var(--color-text-primary);
  --text-soft: var(--color-text-secondary);
  --text-muted: #94A3B8;
  --line: rgba(148, 163, 184, 0.16);
  --line-strong: rgba(124, 58, 237, 0.32);
  --glow-cyan: 0 0 34px rgba(6, 182, 212, 0.12);
  --glow-purple: 0 0 52px rgba(124, 58, 237, 0.18);
  --shadow-lg: 0 40px 120px rgba(0, 0, 0, 0.44);
  --shadow-md: 0 22px 56px rgba(0, 0, 0, 0.26);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 0%, rgba(124, 58, 237, 0.20), transparent 28%),
    radial-gradient(circle at 88% 4%, rgba(30, 58, 138, 0.22), transparent 30%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 52%, #080C14 100%);
}
body[data-theme="light"] {
  background:
    radial-gradient(circle at 12% 0%, rgba(109, 40, 217, 0.07), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(30, 58, 138, 0.06), transparent 26%),
    linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 56%, #E2E8F0 100%);
}

body[dir="rtl"] {
  font-family: "Cairo", system-ui, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

h1, h2, h3, h4 {
  margin: 0 0 12px;
  font-family: "NEO CYBERN", "Cairo", system-ui, sans-serif;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

body[dir="rtl"] h1,
body[dir="rtl"] h2,
body[dir="rtl"] h3,
body[dir="rtl"] h4 {
  letter-spacing: 0;
}

p { margin: 0; }

.container {
  width: min(var(--container), calc(100% - 40px));
  margin: 0 auto;
}

.page-shell {
  padding-top: calc(var(--header-height) + 14px);
}

.section {
  position: relative;
  padding: 84px 0;
}

.section-alt::before,
.hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.section-alt::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(6, 182, 212, 0.02)),
    radial-gradient(circle at 82% 18%, rgba(124, 58, 237, 0.08), transparent 22%);
}

.hero-section::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    radial-gradient(circle at top right, rgba(6, 182, 212, 0.12), transparent 26%),
    radial-gradient(circle at left 20%, rgba(124, 58, 237, 0.12), transparent 20%);
}

.eyebrow,
.solution-tag,
.phase-badge,
.mini-chip,
.status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.eyebrow {
  margin-bottom: 18px;
  padding: 9px 16px;
  background: rgba(6, 182, 212, 0.08);
  color: var(--brand-cyan);
  border: 1px solid rgba(6, 182, 212, 0.12);
}

.mini-chip,
.status-pill,
.solution-tag,
.phase-badge {
  padding: 8px 14px;
}

.mini-chip,
.phase-badge {
  background: rgba(124, 58, 237, 0.08);
  color: var(--brand-purple);
  border: 1px solid rgba(124, 58, 237, 0.16);
}

.solution-tag {
  background: rgba(6, 182, 212, 0.08);
  color: var(--brand-cyan);
  border: 1px solid rgba(6, 182, 212, 0.12);
}

.status-pill {
  background: rgba(17, 199, 131, 0.12);
  color: var(--success);
  border: 1px solid rgba(17, 199, 131, 0.18);
}

.phase-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  color: var(--text);
  background: linear-gradient(135deg, rgba(30, 58, 138, 0.16), rgba(6, 182, 212, 0.12));
  border: 1px solid var(--line);
}

.lead {
  max-width: 760px;
  font-size: 18px;
  line-height: 1.9;
  color: var(--text-soft);
}

.lead-centered {
  margin-inline: auto;
  text-align: center;
}

.muted {
  color: var(--text-soft);
  line-height: 1.85;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid var(--line);
  background: rgba(4, 9, 22, 0.7);
  backdrop-filter: blur(18px);
}

body[data-theme="light"] .site-header {
  background: rgba(255, 255, 255, 0.74);
}

.nav-shell {
  min-height: var(--header-height);
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 30px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-width: 240px;
}

.brand-logo {
  width: auto;
  height: 60px;
  object-fit: contain;
  filter: drop-shadow(0 12px 22px rgba(6, 182, 212, 0.1));
}

.brand-copy strong {
  display: block;
  font-size: 22px;
  letter-spacing: -0.02em;
}

.brand-copy small {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: var(--text-muted);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.primary-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.nav-list {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-list > li {
  position: relative;
}

.nav-list > li > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 15px;
  font-weight: 700;
  color: var(--text);
  transition: color 0.2s ease;
}

.nav-list > li > a:hover,
.footer-links a:hover {
  color: var(--brand-cyan);
}

.dropdown-panel {
  position: absolute;
  top: calc(100% + 20px);
  inset-inline-start: -40px;
  width: min(820px, calc(100vw - 80px));
  padding: 26px;
  border-radius: var(--radius-2xl);
  border: 1px solid var(--line);
  background: rgba(7, 14, 34, 0.92);
  box-shadow: var(--shadow-lg);
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 24px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: 0.24s ease;
}

body[data-theme="light"] .dropdown-panel {
  background: rgba(255, 255, 255, 0.98);
}

.has-dropdown:hover .dropdown-panel,
.has-dropdown:focus-within .dropdown-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown-intro h3 {
  font-size: 28px;
}

.dropdown-intro p {
  color: var(--text-soft);
  line-height: 1.85;
}

.dropdown-links {
  display: grid;
  gap: 12px;
}

.dropdown-links a {
  display: flex;
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.04);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body[data-theme="light"] .dropdown-links a {
  background: rgba(11, 17, 38, 0.02);
}

.dropdown-links a:hover {
  transform: translateY(-1px);
  border-color: rgba(6, 182, 212, 0.28);
  box-shadow: var(--glow-cyan);
}

.dropdown-phase {
  color: var(--brand-cyan);
  font-size: 12px;
  font-weight: 800;
  padding-top: 4px;
}

.dropdown-copy strong {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
}

.dropdown-copy small {
  display: block;
  color: var(--text-soft);
  line-height: 1.7;
}

.nav-tools {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lang-switch {
  display: inline-flex;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.05);
}

body[data-theme="light"] .lang-switch {
  background: rgba(30, 58, 138, 0.03);
}

.lang-link {
  min-width: 44px;
  padding: 8px 12px;
  border-radius: 999px;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  color: var(--text-soft);
}

.lang-link.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--brand-blue), var(--brand-purple));
}

.theme-toggle {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.theme-toggle-track {
  width: 58px;
  height: 32px;
  border-radius: 999px;
  padding: 4px;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--line);
}

.theme-toggle-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand-purple), var(--brand-cyan));
  transform: translateX(0);
  transition: transform 0.2s ease;
}

body[data-theme="dark"] .theme-toggle-thumb {
  transform: translateX(25px);
}

.menu-toggle {
  display: none;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.menu-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  margin: 5px 0;
  background: var(--text);
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.button span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.button-primary {
  color: #fff;
  background: linear-gradient(135deg, var(--brand-blue), var(--brand-purple) 58%, var(--brand-cyan));
  box-shadow: 0 20px 45px rgba(6, 182, 212, 0.18);
}

.button-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 24px 50px rgba(6, 182, 212, 0.24);
}

.button-secondary {
  color: var(--text);
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.04);
}

body[data-theme="light"] .button-secondary {
  background: rgba(255, 255, 255, 0.92);
}

.button-secondary:hover {
  color: var(--brand-blue);
  border-color: rgba(30, 58, 138, 0.24);
}

.breadcrumbs {
  margin-bottom: 22px;
}

.breadcrumbs ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  color: var(--text-muted);
  font-size: 14px;
}

body[dir="rtl"] .breadcrumbs ol {
  flex-direction: row-reverse;
}

.breadcrumbs li:not(:last-child)::after {
  content: "/";
  margin-inline-start: 10px;
}

.hero-grid,
.page-hero-grid,
.contact-grid,
.login-shell,
.split-highlight,
.partner-shell,
.footer-grid {
  display: grid;
  gap: 28px;
}

.hero-grid,
.page-hero-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
}

.hero-home .hero-copy h1,
.page-hero-copy h1 {
  max-width: 780px;
  font-size: clamp(44px, 6vw, 76px);
}

.hero-unified {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.hero-home--immersive .hero-copy {
  max-width: 920px;
  margin-inline: auto;
  text-align: center;
}

.hero-home--immersive .hero-copy h1 {
  max-width: 980px;
  margin-inline: auto;
}

.hero-home--immersive .lead {
  margin-inline: auto;
}

.hero-home--immersive .hero-tags,
.hero-home--immersive .hero-actions,
.hero-home--immersive .breadcrumbs ol {
  justify-content: center;
}

.hero-home--immersive .hero-actions {
  margin-top: 26px;
}

.hero-home--immersive .hero-metric-grid {
  margin-top: 4px;
}

.hero-home--immersive .metric-ring {
  background:
    radial-gradient(circle at top center, rgba(6, 182, 212, 0.08), transparent 45%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
}

body[data-theme="light"] .hero-home--immersive .metric-ring {
  background:
    radial-gradient(circle at top center, rgba(6, 182, 212, 0.07), transparent 45%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 255, 0.96));
}

.hero-funnel-shell {
  margin-top: 4px;
}

.hero-funnel-shell .funnel-title-wrap {
  max-width: 980px;
}

.page-hero-copy .lead {
  max-width: 720px;
}

.hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.hero-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 32px;
}

.kpi,
.hero-side-card,
.capability-card,
.partner-card,
.press-card,
.meta-card,
.solution-card,
.form-card,
.metric-ring,
.pillar-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: var(--surface-card);
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(18px);
}

.kpi {
  padding: 20px;
}

.kpi strong {
  display: block;
  margin-bottom: 6px;
  font-size: 30px;
}

.kpi span {
  color: var(--text-soft);
  line-height: 1.6;
}

.hero-stage {
  position: relative;
  min-height: 620px;
  padding: 18px;
}

.hero-stage__bg,
.hero-stage__orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.hero-stage__bg {
  inset: 2% 6% auto 8%;
  height: 72%;
  background: radial-gradient(circle at 50% 50%, rgba(30, 58, 138, 0.34), transparent 66%);
  filter: blur(10px);
}

.hero-stage__orb--primary {
  width: 220px;
  height: 220px;
  top: 4%;
  right: 6%;
  background: radial-gradient(circle, rgba(6, 182, 212, 0.28), transparent 72%);
  animation: float-slow 10s ease-in-out infinite;
}

.hero-stage__orb--secondary {
  width: 260px;
  height: 260px;
  bottom: 6%;
  left: 4%;
  background: radial-gradient(circle, rgba(124, 58, 237, 0.24), transparent 70%);
  animation: float-slow 12s ease-in-out infinite reverse;
}

.hero-stage__shell {
  position: relative;
  z-index: 1;
  padding: 26px;
  min-height: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-3xl);
  background:
    linear-gradient(180deg, rgba(7, 14, 34, 0.92), rgba(5, 10, 24, 0.92)),
    radial-gradient(circle at top right, rgba(6, 182, 212, 0.12), transparent 26%);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

body[data-theme="light"] .hero-stage__shell {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 244, 255, 0.98)),
    radial-gradient(circle at top right, rgba(6, 182, 212, 0.08), transparent 28%);
}

.hero-stage__topline,
.hero-side-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-size: 13px;
  color: var(--text-muted);
}

.hero-core {
  position: relative;
  min-height: 340px;
  margin-top: 28px;
}

.hero-core::before,
.hero-core::after {
  content: "";
  position: absolute;
  inset: 18px 60px 24px;
  border-radius: 50%;
  border: 1px dashed rgba(6, 182, 212, 0.18);
}

.hero-core::after {
  inset: 48px 120px 58px;
  border-color: rgba(124, 58, 237, 0.18);
}

.hero-core__center {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 240px;
  height: 240px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(6, 182, 212, 0.24), transparent 70%),
    linear-gradient(135deg, rgba(30, 58, 138, 0.92), rgba(124, 58, 237, 0.54));
  border: 1px solid rgba(6, 182, 212, 0.26);
  box-shadow: var(--glow-cyan), var(--glow-purple);
  display: grid;
  place-items: center;
  text-align: center;
  padding: 28px;
}

.hero-core__center span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}

.hero-core__center strong {
  display: block;
  margin-top: 12px;
  font-size: 28px;
  line-height: 1.25;
}

.hero-core__phase {
  position: absolute;
  min-width: 148px;
  padding: 14px 18px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: var(--shadow-md);
  animation: glow-shift 4.6s ease-in-out infinite;
}

body[data-theme="light"] .hero-core__phase {
  background: rgba(255, 255, 255, 0.86);
}

.hero-core__phase span {
  font-weight: 700;
}

.phase-a { top: 0; left: 14px; animation-delay: 0s; }
.phase-b { top: 24px; right: 0; animation-delay: 0.7s; }
.phase-c { bottom: 126px; left: 0; animation-delay: 1.2s; }
.phase-d { bottom: 56px; right: 12px; animation-delay: 1.8s; }
.phase-e { bottom: 0; left: 50%; transform: translateX(-50%); animation-delay: 2.4s; }

.hero-stage__footer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.hero-signal-card,
.side-stack__item,
.insight-panel {
  padding: 18px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.04);
}

body[data-theme="light"] .hero-signal-card,
body[data-theme="light"] .side-stack__item,
body[data-theme="light"] .insight-panel {
  background: rgba(255, 255, 255, 0.92);
}

.hero-signal-card small,
.insight-panel small,
.hero-side-card small {
  display: block;
  margin-bottom: 8px;
  color: var(--text-muted);
}

.hero-signal-card strong,
.insight-panel strong,
.hero-side-card strong {
  display: block;
  font-size: 18px;
  line-height: 1.7;
}

.hero-side-card {
  padding: 24px;
  min-height: 100%;
}

.hero-side-card h2 {
  font-size: 34px;
  margin-top: 18px;
}

.hero-side-card__header {
  margin-bottom: 22px;
}

.side-stack {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}

.power-section {
  padding-top: 24px;
}

.section-heading {
  position: relative;
  z-index: 1;
  max-width: 840px;
  margin-bottom: 30px;
}

.section-heading h2 {
  font-size: clamp(30px, 4vw, 52px);
}

.section-heading--center {
  margin-inline: auto;
  text-align: center;
}

.metric-ring-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.metric-ring {
  padding: 20px 16px;
  text-align: center;
}

.metric-ring__circle {
  width: 134px;
  height: 134px;
  margin: 0 auto 16px;
  border-radius: 50%;
  border: 4px solid rgba(6, 182, 212, 0.12);
  box-shadow: inset 0 0 0 6px rgba(124, 58, 237, 0.06), var(--glow-cyan);
  display: grid;
  place-items: center;
  position: relative;
}

.metric-ring__circle::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border-top: 4px solid var(--brand-cyan);
  border-right: 4px solid var(--brand-purple);
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  transform: rotate(18deg);
}

.metric-ring strong {
  font-size: 36px;
  line-height: 1;
}

.metric-ring span {
  display: block;
  color: var(--text-soft);
  line-height: 1.6;
}

.pillars-grid,
.card-grid {
  display: grid;
  gap: 18px;
}

.pillars-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pillar-card,
.capability-card,
.partner-card,
.press-card,
.meta-card,
.solution-card {
  padding: 24px;
}

.pillar-card {
  background:
    radial-gradient(circle at top right, rgba(6, 182, 212, 0.1), transparent 22%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
}

.pillar-card__icon,
.icon-badge,
.input-icon,
.output-icon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(30, 58, 138, 0.18), rgba(6, 182, 212, 0.12));
  border: 1px solid rgba(6, 182, 212, 0.16);
  box-shadow: var(--glow-cyan);
}

.pillar-card__icon,
.icon-badge {
  margin-bottom: 18px;
}

.story-list,
.solution-list,
.footer-links {
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
}

.story-list li,
.solution-list li {
  position: relative;
  padding-inline-start: 20px;
  color: var(--text-soft);
  line-height: 1.8;
}

.story-list li + li,
.solution-list li + li {
  margin-top: 10px;
}

.story-list li::before,
.solution-list li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand-purple), var(--brand-cyan));
}

.solution-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.solution-card h3,
.capability-card h3,
.partner-card h3,
.press-card h3,
.pillar-card h3 {
  font-size: 28px;
}

.funnel-shell {
  position: relative;
  padding: 36px;
  border: 1px solid var(--line);
  border-radius: 32px;
  background:
    radial-gradient(circle at top left, rgba(124, 58, 237, 0.14), transparent 24%),
    radial-gradient(circle at bottom right, rgba(6, 182, 212, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

.funnel-title-wrap {
  max-width: 920px;
  margin: 0 auto 30px;
  text-align: center;
}

.funnel-grid {
  position: relative;
  display: grid;
  grid-template-columns: 0.92fr 1.08fr 0.82fr;
  gap: 24px;
  align-items: center;
  min-height: 640px;
}

.funnel-lines,
.packet-stream {
  position: absolute;
  inset: 92px 0 0;
  pointer-events: none;
}

.line-group {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 31%;
}

.line-group.left { left: 0; }
.line-group.right { right: 0; }

.signal-line {
  position: absolute;
  height: 2px;
  background: linear-gradient(90deg, rgba(6, 182, 212, 0), rgba(6, 182, 212, 0.82), rgba(124, 58, 237, 0.48));
  overflow: hidden;
  filter: drop-shadow(0 0 10px rgba(6, 182, 212, 0.18));
}

.signal-line::after {
  content: "";
  position: absolute;
  inset: -1px auto -1px -24%;
  width: 24%;
  background: linear-gradient(90deg, transparent, #fff, transparent);
  animation: pulse-line 3.8s linear infinite;
}

.signal-line.l1 { top: 46px; left: 64%; width: 34%; transform: rotate(-18deg); }
.signal-line.l2 { top: 128px; left: 58%; width: 40%; transform: rotate(-12deg); }
.signal-line.l3 { top: 210px; left: 54%; width: 44%; transform: rotate(-6deg); }
.signal-line.l4 { top: 292px; left: 53%; width: 45%; transform: rotate(0deg); }
.signal-line.l5 { top: 376px; left: 54%; width: 44%; transform: rotate(5deg); }
.signal-line.l6 { top: 460px; left: 58%; width: 40%; transform: rotate(12deg); }
.signal-line.l7 { top: 544px; left: 64%; width: 34%; transform: rotate(18deg); }
.signal-line.r1 { top: 128px; right: 56%; width: 42%; transform: rotate(-8deg); transform-origin: right center; }
.signal-line.r2 { top: 216px; right: 54%; width: 44%; transform: rotate(-3deg); transform-origin: right center; }
.signal-line.r3 { top: 306px; right: 53%; width: 46%; transform: rotate(1deg); transform-origin: right center; }
.signal-line.r4 { top: 396px; right: 54%; width: 44%; transform: rotate(6deg); transform-origin: right center; }
.signal-line.r5 { top: 484px; right: 57%; width: 40%; transform: rotate(12deg); transform-origin: right center; }

.data-packet {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0%, var(--brand-cyan) 42%, rgba(6, 182, 212, 0) 72%);
  box-shadow: 0 0 12px rgba(6, 182, 212, 0.5), 0 0 24px rgba(124, 58, 237, 0.22);
}

.packet-a { animation: packet-a 5s linear infinite; }
.packet-b { animation: packet-b 5.8s linear infinite; }
.packet-c { animation: packet-c 6.4s linear infinite; }

.input-stack,
.output-stack,
.funnel-rings {
  display: grid;
  gap: 14px;
}

.input-card,
.output-button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 74px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(6, 182, 212, 0.14);
  background: linear-gradient(135deg, rgba(30, 58, 138, 0.28), rgba(8, 19, 39, 0.96));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 18px 38px rgba(0, 0, 0, 0.18);
}

body[data-theme="light"] .input-card,
body[data-theme="light"] .output-button {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(241, 246, 255, 0.98));
}

.input-card strong,
.output-button strong {
  display: block;
  font-size: 15px;
  line-height: 1.45;
}

.input-card small,
.output-button small {
  display: block;
  margin-top: 4px;
  color: var(--text-soft);
  line-height: 1.5;
}

.output-button {
  border-color: rgba(124, 58, 237, 0.16);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.output-button.is-active {
  transform: translateX(-4px);
  border-color: rgba(6, 182, 212, 0.34);
  box-shadow: 0 0 24px rgba(6, 182, 212, 0.16);
}

body[dir="rtl"] .output-button.is-active {
  transform: translateX(4px);
}

.funnel-center {
  display: grid;
  place-items: center;
}

.funnel-rings {
  width: 100%;
  max-width: 640px;
  justify-items: center;
}

.funnel-ring {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 92px;
  border-radius: 999px;
  border: 1px solid rgba(6, 182, 212, 0.18);
  background:
    radial-gradient(circle at 20% 50%, rgba(6, 182, 212, 0.16), transparent 30%),
    linear-gradient(135deg, rgba(6, 16, 36, 0.98), rgba(18, 22, 54, 0.9));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 24px 44px rgba(0, 0, 0, 0.22);
  animation: funnel-float 6s ease-in-out infinite;
}

body[data-theme="light"] .funnel-ring {
  background:
    radial-gradient(circle at 20% 50%, rgba(6, 182, 212, 0.12), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 246, 255, 0.96));
}

.funnel-ring strong {
  width: min(88%, 420px);
  text-align: center;
  font-size: 18px;
  line-height: 1.45;
}

.ring-1 { width: 100%; animation-delay: 0s; }
.ring-2 { width: 82%; animation-delay: 0.45s; }
.ring-3 { width: 64%; animation-delay: 0.9s; }
.ring-4 { width: 46%; animation-delay: 1.35s; }

.funnel-connector {
  position: relative;
  width: 60%;
  height: 2px;
  background: linear-gradient(90deg, rgba(6, 182, 212, 0.08), rgba(124, 58, 237, 0.5), rgba(6, 182, 212, 0.08));
  overflow: hidden;
}

.funnel-connector::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -30%;
  width: 30%;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--brand-cyan), transparent);
  animation: pulse-line 3s linear infinite;
}

.split-highlight,
.partner-shell,
.contact-grid,
.login-shell {
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  align-items: center;
}

.split-highlight__visual,
.partner-shell__cards {
  display: grid;
  gap: 16px;
}

.insight-orbit {
  position: relative;
  min-height: 360px;
  border-radius: 32px;
  border: 1px solid var(--line);
  background:
    radial-gradient(circle at center, rgba(6, 182, 212, 0.18), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.insight-orbit span {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(6, 182, 212, 0.14);
  animation: rotate-slow 16s linear infinite;
}

.insight-orbit span:nth-child(1) { inset: 28px; }
.insight-orbit span:nth-child(2) { inset: 70px; animation-duration: 12s; }
.insight-orbit span:nth-child(3) { inset: 120px; animation-duration: 10s; }

.contact-grid {
  align-items: start;
}

.form-card {
  padding: 26px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.form-grid--single {
  grid-template-columns: 1fr;
}

.form-grid .full {
  grid-column: 1 / -1;
}

.form-card label {
  display: grid;
  gap: 8px;
  font-size: 14px;
  color: var(--text-soft);
}

.form-card input,
.form-card textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px 16px;
  font: inherit;
  color: var(--text);
  background: rgba(255, 255, 255, 0.04);
  outline: none;
}

body[data-theme="light"] .form-card input,
body[data-theme="light"] .form-card textarea {
  background: rgba(255, 255, 255, 0.96);
}

.form-card input::placeholder,
.form-card textarea::placeholder {
  color: var(--text-muted);
}

.login-card {
  max-width: 560px;
}

.login-row,
.remember-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.remember-row {
  justify-content: flex-start;
  color: var(--text-soft);
}

.login-link {
  color: var(--brand-cyan);
  font-weight: 700;
}

.site-footer {
  margin-top: 70px;
  padding: 64px 0 28px;
  border-top: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(6, 182, 212, 0.02));
}

.footer-grid {
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  align-items: start;
}

.footer-links {
  display: grid;
  gap: 12px;
  color: var(--text-soft);
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
  color: var(--text-muted);
  font-size: 14px;
}

body[dir="rtl"] .footer-bottom {
  flex-direction: row-reverse;
}

@keyframes float-slow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

@keyframes glow-shift {
  0%, 100% { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  50% { box-shadow: 0 0 26px rgba(6, 182, 212, 0.14); }
}

@keyframes rotate-slow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes pulse-line {
  0% { transform: translateX(0); opacity: 0.2; }
  50% { opacity: 1; }
  100% { transform: translateX(420%); opacity: 0.1; }
}

@keyframes funnel-float {
  0%, 100% { transform: translateY(0) rotateX(0deg); }
  50% { transform: translateY(-8px) rotateX(7deg); }
}

@keyframes packet-a {
  0% { left: 10%; top: 120px; opacity: 0; }
  10% { opacity: 1; }
  24% { left: 36%; top: 180px; }
  48% { left: 50%; top: 248px; }
  74% { left: 66%; top: 280px; }
  92% { left: 88%; top: 214px; opacity: 1; }
  100% { left: 92%; top: 214px; opacity: 0; }
}

@keyframes packet-b {
  0% { left: 11%; top: 320px; opacity: 0; }
  10% { opacity: 1; }
  28% { left: 35%; top: 322px; }
  48% { left: 50%; top: 304px; }
  72% { left: 67%; top: 312px; }
  90% { left: 88%; top: 304px; opacity: 1; }
  100% { left: 92%; top: 304px; opacity: 0; }
}

@keyframes packet-c {
  0% { left: 10%; top: 500px; opacity: 0; }
  9% { opacity: 1; }
  24% { left: 35%; top: 442px; }
  44% { left: 49%; top: 362px; }
  68% { left: 66%; top: 370px; }
  90% { left: 88%; top: 394px; opacity: 1; }
  100% { left: 92%; top: 394px; opacity: 0; }
}

@media (max-width: 1180px) {
  .metric-ring-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .funnel-grid,
  .split-highlight,
  .partner-shell,
  .footer-grid,
  .contact-grid,
  .login-shell,
  .hero-grid,
  .page-hero-grid {
    grid-template-columns: 1fr;
  }

  .pillars-grid,
  .cols-3,
  .hero-kpis,
  .hero-stage__footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  .menu-toggle {
    display: block;
    justify-self: end;
  }

  .primary-nav {
    position: fixed;
    inset: var(--header-height) 20px auto;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    padding: 22px;
    border-radius: 28px;
    border: 1px solid var(--line);
    background: rgba(7, 14, 34, 0.96);
    box-shadow: var(--shadow-lg);
  }

  body[data-theme="light"] .primary-nav {
    background: rgba(255, 255, 255, 0.98);
  }

  .primary-nav.is-open {
    display: flex;
  }

  .nav-list,
  .nav-tools {
    flex-direction: column;
    align-items: stretch;
  }

  .dropdown-panel {
    position: static;
    inset: auto;
    width: auto;
    opacity: 1;
    visibility: visible;
    transform: none;
    grid-template-columns: 1fr;
    margin-top: 12px;
  }

  .funnel-lines,
  .packet-stream {
    display: none;
  }

  .funnel-grid {
    min-height: auto;
  }
}

@media (max-width: 720px) {
  .container {
    width: min(var(--container), calc(100% - 24px));
  }

  .hero-home .hero-copy h1,
  .page-hero-copy h1,
  .section-heading h2,
  .funnel-title-wrap h2 {
    font-size: 38px;
  }

  .metric-ring-grid,
  .pillars-grid,
  .cols-3,
  .hero-kpis,
  .hero-stage__footer,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .hero-stage {
    min-height: auto;
  }

  .hero-core {
    min-height: 420px;
  }

  .hero-core__center {
    width: 200px;
    height: 200px;
  }

  .metric-ring__circle {
    width: 118px;
    height: 118px;
  }

  .funnel-shell {
    padding: 24px;
  }

  .footer-bottom {
    flex-direction: column;
  }
}


/* ─────────────────────────────────────────────
   Enhanced hero typewriter, product mockups, icons, and responsive auto-layout
   ───────────────────────────────────────────── */
.hero-home--immersive {
  overflow: hidden;
}

.hero-home--immersive::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(6, 182, 212, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6, 182, 212, .08) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(circle at 50% 18%, black 0%, transparent 62%);
}

.hero-typewriter {
  min-height: 34px;
  margin: 18px auto 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: 100%;
  color: var(--text-muted);
  font-size: clamp(16px, 2vw, 21px);
  line-height: 1.4;
  position: relative;
  z-index: 2;
}

.typewriter-prefix {
  color: rgba(183, 198, 238, .58);
  font-weight: 700;
}

.typewriter-text {
  min-width: clamp(190px, 26vw, 330px);
  display: inline-flex;
  align-items: center;
  color: var(--brand-cyan);
  font-weight: 900;
  text-align: start;
  white-space: nowrap;
  overflow: visible;
  text-shadow: 0 0 22px rgba(6, 182, 212, .28);
}

.typewriter-text::after {
  content: "";
  width: 2px;
  height: 1.25em;
  margin-inline-start: 5px;
  background: var(--brand-cyan);
  box-shadow: 0 0 14px rgba(6, 182, 212, .6);
  animation: securesistCursor .78s step-end infinite;
}

@keyframes securesistCursor {
  50% { opacity: 0; }
}

.hero-floating-signal {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  pointer-events: none;
}

.signal-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border: 1px solid rgba(6, 182, 212, .18);
  border-radius: 999px;
  background: rgba(6, 13, 33, .54);
  color: var(--text-soft);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  box-shadow: var(--glow-cyan);
  animation: signalFloat 5s ease-in-out infinite;
}

.signal-pill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--brand-cyan);
  box-shadow: 0 0 12px var(--brand-cyan);
}

.signal-pill--two { animation-delay: -1.7s; }
.signal-pill--three { animation-delay: -3.3s; }

@keyframes signalFloat {
  0%, 100% { transform: translateY(0); opacity: .76; }
  50% { transform: translateY(-8px); opacity: 1; }
}

.pillar-card__icon,
.icon-badge,
.input-icon,
.output-icon,
.engine-output-icon,
.mockup-icon {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.pillar-card__icon::before,
.icon-badge::before,
.input-icon::before,
.output-icon::before,
.engine-output-icon::before,
.mockup-icon::before {
  content: "";
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, var(--brand-cyan), var(--brand-purple));
  mask: var(--icon-mask, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 3 6v6c0 5.55 3.84 9.74 9 10 5.16-.26 9-4.45 9-10V6l-9-4Zm0 2.2 7 3.11V12c0 4.26-2.78 7.44-7 7.8-4.22-.36-7-3.54-7-7.8V7.31l7-3.11Zm4.7 5.1-5.5 5.5-2.6-2.6-1.4 1.4 4 4 6.9-6.9-1.4-1.4Z'/%3E%3C/svg%3E")) center/contain no-repeat;
}

.input-icon::before { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v4H4V4Zm0 6h16v4H4v-4Zm0 6h16v4H4v-4Z'/%3E%3C/svg%3E"); }
.output-icon::before, .engine-output-icon::before { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Zm4 2v10h10V7H7Zm2 2h6v2H9V9Zm0 4h6v2H9v-2Z'/%3E%3C/svg%3E"); }

.product-mockups-grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: clamp(28px, 5vw, 64px);
}

.product-mockups-copy {
  text-align: start;
  margin: 0;
}

.product-mockups-copy h2 {
  font-size: clamp(36px, 4.7vw, 64px);
}

.mockup-device,
.mockup-page-card {
  border: 1px solid var(--line);
  background:
    radial-gradient(circle at top right, rgba(6, 182, 212, .14), transparent 26%),
    linear-gradient(180deg, rgba(12, 21, 53, .92), rgba(5, 10, 24, .94));
  border-radius: 30px;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

body[data-theme="light"] .mockup-device,
body[data-theme="light"] .mockup-page-card {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,246,255,.95));
}

.mockup-device {
  transform: perspective(1000px) rotateX(2deg) rotateY(-4deg);
  transform-origin: center;
}

body[dir="rtl"] .mockup-device {
  transform: perspective(1000px) rotateX(2deg) rotateY(4deg);
}

.mockup-device__top {
  height: 54px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mockup-device__top span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--brand-cyan);
  opacity: .78;
}

.mockup-device__top span:nth-child(2) { background: var(--warning); }
.mockup-device__top span:nth-child(3) { background: var(--success); }
.mockup-device__top strong { margin-inline-start: auto; }

.mockup-device__body {
  display: grid;
  grid-template-columns: 84px 1fr;
  min-height: 420px;
}

.mockup-sidebar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 18px;
  border-inline-end: 1px solid var(--line);
}

.mockup-sidebar span {
  height: 42px;
  border-radius: 16px;
  background: rgba(6, 182, 212, .12);
  border: 1px solid rgba(6, 182, 212, .14);
}

.mockup-main {
  padding: 22px;
  display: grid;
  gap: 18px;
}

.mockup-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.mockup-kpis div,
.mockup-map,
.mockup-queue {
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, .035);
  border-radius: 18px;
}

.mockup-kpis div {
  padding: 16px;
}

.mockup-kpis strong {
  display: block;
  font-size: 26px;
  color: var(--brand-cyan);
}

.mockup-kpis small {
  color: var(--text-muted);
}

.mockup-visual-row {
  display: grid;
  grid-template-columns: 1.5fr .8fr;
  gap: 14px;
}

.mockup-map {
  min-height: 220px;
  overflow: hidden;
}

.mockup-map img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
}

.mockup-queue {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.queue-item {
  position: relative;
  padding: 12px 12px 12px 28px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  color: var(--text-soft);
  font-size: 12px;
  font-weight: 800;
}

.queue-item::before {
  content: "";
  position: absolute;
  inset-inline-start: 12px;
  top: 17px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--success);
}
.queue-item.high::before { background: #ff3860; }
.queue-item.medium::before { background: var(--warning); }

.mockup-page-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.mockup-page-card {
  padding: 26px;
}

.mockup-icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  margin-bottom: 18px;
  border: 1px solid rgba(6, 182, 212, .16);
  background: rgba(6, 182, 212, .08);
}

.mockup-icon--intel::before { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 0 9 9h-2a7 7 0 1 1-7-7V3Zm1 0v10l7.5 4.5 1-1.73-6.5-3.9V3h-2Z'/%3E%3C/svg%3E"); }
.mockup-icon--grc::before { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h9l5 5v15H6V2Zm8 2v5h4l-4-5ZM8 12h10v2H8v-2Zm0 4h10v2H8v-2Z'/%3E%3C/svg%3E"); }
.mockup-icon--response::before { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 2 3 14h8l-1 8 11-14h-8l1-6Z'/%3E%3C/svg%3E"); }

.engine-layout {
  display: grid;
  grid-template-columns: minmax(220px, .92fr) minmax(280px, 1.16fr) minmax(240px, .92fr);
  align-items: center;
  gap: 26px;
  padding: clamp(18px, 3vw, 32px);
  border: 1px solid var(--line);
  border-radius: var(--radius-3xl);
  background:
    radial-gradient(circle at 18% 22%, rgba(6, 182, 212, .12), transparent 26%),
    radial-gradient(circle at 80% 75%, rgba(124, 58, 237, .14), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  box-shadow: var(--shadow-lg);
}

.engine-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.engine-label {
  display: block;
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.engine-node,
.engine-output {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .035);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.engine-node:hover,
.engine-output:hover {
  transform: translateY(-3px);
  border-color: rgba(6, 182, 212, .38);
  background: rgba(6, 182, 212, .06);
}

.engine-node strong,
.engine-output strong {
  display: block;
  margin-bottom: 3px;
  color: var(--text);
  font-size: 14px;
}

.engine-node small,
.engine-output small {
  display: block;
  color: var(--text-muted);
  line-height: 1.55;
}

.engine-dot {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  flex: 0 0 12px;
  border-radius: 50%;
  background: var(--dot-color, var(--brand-cyan));
  box-shadow: 0 0 16px var(--dot-color, var(--brand-cyan));
}

.engine-core {
  position: relative;
  min-height: 460px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 30px;
  overflow: hidden;
  background: rgba(5, 10, 24, .58);
}

.engine-core::before,
.engine-core::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 5%;
  width: 90%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(11,214,253,.7), rgba(161,98,247,.7), transparent);
}

.engine-core::after {
  transform: translateY(-26px);
  opacity: .35;
}

.engine-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 330px;
  padding: 12px 8px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.8);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 92%);
}

.stage-collection { background: linear-gradient(180deg, rgba(59,130,246,.58), rgba(59,130,246,.18)); }
.stage-normalize { background: linear-gradient(180deg, rgba(16,185,129,.52), rgba(16,185,129,.16)); }
.stage-analysis { background: linear-gradient(180deg, rgba(124,58,237,.58), rgba(124,58,237,.18)); }
.stage-intel { background: linear-gradient(180deg, rgba(11,214,253,.52), rgba(11,214,253,.16)); }

.engine-particle {
  position: absolute;
  top: 50%;
  left: 6%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--brand-cyan);
  box-shadow: 0 0 18px rgba(11,214,253,.75);
  animation: engineParticle 3s linear infinite;
}

.engine-particle--two { animation-delay: .9s; background: var(--brand-purple); }
.engine-particle--three { animation-delay: 1.8s; background: var(--success); }

@keyframes engineParticle {
  0% { transform: translateX(0) scale(.7); opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { transform: translateX(680px) scale(1.1); opacity: 0; }
}

.engine-output-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 16px;
  border: 1px solid rgba(6, 182, 212, .18);
  background: rgba(6, 182, 212, .08);
}

/* Better auto-layout for all site pages */
.card-grid.cols-3,
.pillars-grid,
.mockup-page-cards {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}

.solution-card,
.capability-card,
.partner-card,
.press-card,
.pillar-card,
.mockup-page-card,
.meta-card {
  height: 100%;
}

.page-hero-grid,
.contact-grid,
.login-shell,
.split-highlight,
.partner-shell,
.product-mockups-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1180px) {
  .engine-layout {
    grid-template-columns: 1fr;
  }
  .engine-core {
    min-height: 320px;
  }
  .engine-stage {
    min-height: 240px;
  }
  @keyframes engineParticle {
    0% { transform: translateX(0) scale(.7); opacity: 0; }
    15% { opacity: 1; }
    85% { opacity: 1; }
    100% { transform: translateX(82vw) scale(1.1); opacity: 0; }
  }
}

@media (max-width: 960px) {
  .page-hero-grid,
  .contact-grid,
  .login-shell,
  .split-highlight,
  .partner-shell,
  .product-mockups-grid {
    grid-template-columns: 1fr;
  }
  .mockup-device {
    transform: none;
  }
}

@media (max-width: 720px) {
  .hero-typewriter {
    width: 100%;
    flex-direction: column;
    gap: 4px;
    min-height: 62px;
    margin-top: 14px;
    text-align: center;
  }
  .typewriter-text {
    justify-content: center;
    min-width: 100%;
    white-space: normal;
    text-align: center;
  }
  .mockup-device__body,
  .mockup-visual-row,
  .mockup-kpis {
    grid-template-columns: 1fr;
  }
  .mockup-sidebar {
    display: none;
  }
  .engine-core {
    grid-template-columns: 1fr;
    gap: 10px;
    min-height: auto;
  }
  .engine-stage {
    min-height: 78px;
    writing-mode: horizontal-tb;
    clip-path: none;
    border-radius: 18px;
  }
  .engine-core::before,
  .engine-core::after,
  .engine-particle {
    display: none;
  }
}



/* Client-ready hero typography, engine visual, and RTL layout */
.hero-home--engine {
  min-height: calc(100vh - var(--header-height));
  padding: clamp(64px, 7vw, 104px) 0 72px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 22%, rgba(6, 182, 212, .2), transparent 28%),
    radial-gradient(circle at 12% 14%, rgba(124, 58, 237, .18), transparent 30%),
    linear-gradient(135deg, rgba(3, 9, 28, .98), rgba(6, 16, 44, .98) 52%, rgba(2, 22, 42, .98));
}

.hero-home--engine .hero-intel-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(430px, 1.12fr);
  align-items: center;
  gap: clamp(36px, 6vw, 88px);
}

.hero-home--engine .hero-copy--client-ready {
  max-width: 680px;
  margin: 0;
  padding-top: 0;
  text-align: start;
}

.hero-home--engine .hero-copy--client-ready .hero-headline--typewriter {
  max-width: 720px;
  margin: 0 0 24px;
  font-family: "NEO CYBERN", "Cairo", system-ui, sans-serif;
  font-size: clamp(46px, 5.3vw, 76px);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: 0;
  color: #f7f9ff;
}

.hero-home--engine .headline-static,
.hero-home--engine .headline-dynamic {
  display: inline;
}

.hero-home--engine .typewriter-text {
  min-width: 12ch;
  color: var(--brand-cyan);
  font: inherit;
  font-weight: 900;
  white-space: nowrap;
  text-align: start;
  text-shadow: 0 0 24px rgba(6, 182, 212, .34);
}

.hero-home--engine .typewriter-text::after {
  height: .95em;
  transform: translateY(.08em);
}

.hero-home--engine .hero-subheadline {
  max-width: 650px;
  margin: 0;
  font-family: "Cairo", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.85;
  color: #858585;
}

.hero-home--engine .hero-actions--client-ready {
  justify-content: flex-start;
  margin-top: 34px;
}

.hero-home--engine .hero-actions--client-ready .button {
  min-width: 178px;
  min-height: 54px;
  padding: 0 26px;
  border-radius: 999px;
}

.hero-home--engine .hero-actions--client-ready .hero-cta-primary {
  color: #fff;
  background: linear-gradient(135deg, #7C3AED 0%, #06B6D4 100%);
  box-shadow: 0 22px 48px rgba(6, 182, 212, .22);
}

.hero-home--engine .hero-actions--client-ready .hero-cta-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 26px 56px rgba(6, 182, 212, .28);
}

.hero-home--engine .hero-actions--client-ready .hero-cta-secondary {
  color: #f7f9ff;
  background: transparent;
  border: 1px solid #232323;
  box-shadow: none;
}

.hero-home--engine .hero-actions--client-ready .hero-cta-secondary:hover {
  color: var(--brand-cyan);
  border-color: #06B6D4;
}

.hero-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.hero-proof-row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(6, 182, 212, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  color: rgba(226, 235, 255, .72);
  font-size: 12px;
  font-weight: 800;
}

.hero-proof-row span::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #06B6D4;
  box-shadow: 0 0 14px rgba(6, 182, 212, .72);
}

.hero-visual-shell {
  position: relative;
  direction: ltr;
}

.intel-engine-card {
  position: relative;
  min-height: 520px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(6, 182, 212, .18);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(9, 25, 70, .78), rgba(4, 10, 28, .92)),
    radial-gradient(circle at 55% 42%, rgba(6, 182, 212, .16), transparent 42%);
  box-shadow:
    0 34px 90px rgba(0, 0, 0, .42),
    inset 0 0 46px rgba(6, 182, 212, .08);
}

.intel-card-grid {
  position: absolute;
  inset: 0;
  opacity: .4;
  background-image:
    linear-gradient(rgba(6, 182, 212, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6, 182, 212, .08) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 52% 45%, #000 0%, transparent 72%);
}

.intel-engine-top,
.intel-engine-board {
  position: relative;
  z-index: 2;
}

.intel-engine-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 26px;
  color: #eef5ff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.engine-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(226, 235, 255, .66);
  font-size: 11px;
}

.engine-status span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #11c783;
  box-shadow: 0 0 16px rgba(17, 199, 131, .8);
}

.intel-engine-board {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr) 150px;
  gap: 18px;
  align-items: center;
  min-height: 430px;
}

.engine-side {
  display: grid;
  gap: 10px;
}

.engine-side-label {
  margin-bottom: 2px;
  color: rgba(226, 235, 255, .55);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.engine-side span:not(.engine-side-label) {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(226, 235, 255, .12);
  border-radius: 10px;
  background: rgba(255, 255, 255, .08);
  color: rgba(238, 245, 255, .86);
  font-size: 12px;
  font-weight: 800;
}

.engine-side--sources span:not(.engine-side-label)::after,
.engine-side--outputs span:not(.engine-side-label)::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 26px;
  height: 1px;
  background: linear-gradient(90deg, rgba(6, 182, 212, .65), transparent);
}

.engine-side--sources span:not(.engine-side-label)::after {
  left: 100%;
}

.engine-side--outputs span:not(.engine-side-label)::before {
  right: 100%;
  transform: rotate(180deg);
}

.engine-flow {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 390px;
}

.flow-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(6, 182, 212, .48), transparent);
  opacity: .75;
}

.flow-line--one { top: 28%; }
.flow-line--two { top: 50%; }
.flow-line--three { top: 72%; }

.engine-packet {
  position: absolute;
  left: 2%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #06B6D4;
  box-shadow: 0 0 18px currentColor;
  animation: packetTravel 4.4s linear infinite;
}

.packet-one { top: 28%; color: #06B6D4; animation-delay: 0s; }
.packet-two { top: 50%; color: #7C3AED; animation-delay: -1.1s; }
.packet-three { top: 72%; color: #11C783; animation-delay: -2.2s; }
.packet-four { top: 42%; color: #F59E0B; animation-delay: -3.2s; }

@keyframes packetTravel {
  0% { transform: translateX(0) scale(.7); opacity: 0; }
  12% { opacity: 1; }
  50% { transform: translateX(48%) scale(1); }
  88% { opacity: 1; }
  100% { transform: translateX(290px) scale(.72); opacity: 0; }
}

.engine-funnel-core {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 12px;
  width: min(260px, 100%);
  padding: 12px 0;
}

.funnel-disc {
  display: grid;
  place-items: center;
  height: 58px;
  border: 1px solid rgba(6, 182, 212, .42);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 30%, rgba(6, 182, 212, .22), transparent 55%),
    linear-gradient(180deg, rgba(12, 91, 172, .78), rgba(5, 38, 91, .62));
  color: rgba(238, 245, 255, .86);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 0 28px rgba(6, 182, 212, .16);
  animation: discPulse 3.8s ease-in-out infinite;
}

.funnel-disc--one { width: 220px; }
.funnel-disc--two { width: 180px; animation-delay: -.7s; }
.funnel-disc--three { width: 138px; animation-delay: -1.4s; }
.funnel-disc--four { width: 96px; animation-delay: -2.1s; }

@keyframes discPulse {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.035); filter: brightness(1.18); }
}

body[dir="rtl"] .hero-home--engine .hero-intel-grid {
  direction: rtl;
}

body[dir="rtl"] .hero-home--engine .hero-copy--client-ready {
  text-align: start;
}

body[dir="rtl"] .hero-home--engine .hero-actions--client-ready,
body[dir="rtl"] .hero-proof-row {
  justify-content: flex-start;
}

body[dir="rtl"] .hero-home--engine .hero-visual-shell {
  direction: ltr;
}

body[dir="rtl"] .hero-home--engine .hero-copy--client-ready .hero-headline--typewriter {
  line-height: 1.18;
}

@media (max-width: 1100px) {
  .hero-home--engine .hero-intel-grid {
    grid-template-columns: 1fr;
  }

  .hero-home--engine .hero-copy--client-ready {
    max-width: 820px;
  }
}

@media (max-width: 720px) {
  .hero-home--engine {
    padding-top: 50px;
  }

  .hero-home--engine .hero-copy--client-ready .hero-headline--typewriter {
    font-size: 38px;
  }

  .hero-home--engine .typewriter-text {
    min-width: 0;
    white-space: normal;
  }

  .hero-home--engine .hero-subheadline {
    font-size: 16px;
    line-height: 1.75;
  }

  .hero-home--engine .hero-actions--client-ready .button {
    width: 100%;
  }

  .intel-engine-card {
    min-height: 560px;
    padding: 18px;
  }

  .intel-engine-board {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .engine-flow {
    min-height: 250px;
  }

  .engine-side--sources span:not(.engine-side-label)::after,
  .engine-side--outputs span:not(.engine-side-label)::before {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .engine-packet,
  .funnel-disc {
    animation: none;
  }
}

/* Mobile RTL overflow guard for client-ready engine hero */
html,
body {
  overflow-x: hidden;
}

@media (max-width: 720px) {
  .hero-home--engine .hero-intel-grid {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .hero-home--engine .hero-copy--client-ready {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .hero-home--engine .hero-copy--client-ready .hero-headline--typewriter {
    max-width: 100%;
    font-size: clamp(30px, 9.5vw, 36px);
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  .hero-home--engine .headline-static,
  .hero-home--engine .headline-dynamic {
    display: block;
    max-width: 100%;
  }

  .hero-home--engine .typewriter-text {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
  }

  .hero-proof-row {
    overflow: hidden;
  }

  .hero-proof-row span {
    max-width: 100%;
  }

  .hero-visual-shell,
  .intel-engine-card {
    width: 100%;
    max-width: 100%;
  }
}

/* Mobile-safe split headline for mixed Arabic and Latin brand text */
.hero-home--engine .headline-brand {
  display: inline;
}

@media (max-width: 720px) {
  .hero-home--engine .headline-brand,
  .hero-home--engine .headline-static,
  .hero-home--engine .headline-dynamic {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .hero-home--engine .headline-brand {
    direction: ltr;
    unicode-bidi: isolate;
  }

  body[dir="rtl"] .hero-home--engine .headline-brand {
    text-align: right;
  }

  body[dir="rtl"] .hero-home--engine .headline-static,
  body[dir="rtl"] .hero-home--engine .headline-dynamic {
    direction: rtl;
    text-align: right;
  }
}

/* Mobile RTL header width guard */
@media (max-width: 720px) {
  .site-header {
    overflow: hidden;
  }

  .nav-shell {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    overflow: hidden;
  }

  body[dir="rtl"] .nav-shell {
    direction: rtl;
  }

  .brand {
    min-width: 0;
    max-width: 220px;
    gap: 8px;
    overflow: hidden;
  }

  .brand-logo {
    height: 46px;
    max-width: 58px;
  }

  .brand-copy {
    min-width: 0;
    overflow: hidden;
  }

  .brand-copy strong {
    font-size: 18px;
    white-space: nowrap;
  }

  .brand-copy span {
    display: block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
  }

  .menu-toggle {
    justify-self: start;
  }
}

/* Mobile hero centering polish */
@media (max-width: 720px) {
  .hero-home--engine .hero-copy--client-ready,
  body[dir="rtl"] .hero-home--engine .hero-copy--client-ready {
    text-align: center;
  }

  .hero-home--engine .hero-copy--client-ready .hero-headline--typewriter,
  .hero-home--engine .hero-subheadline {
    margin-inline: auto;
    text-align: center;
  }

  .hero-home--engine .headline-brand,
  .hero-home--engine .headline-static,
  .hero-home--engine .headline-dynamic,
  body[dir="rtl"] .hero-home--engine .headline-brand,
  body[dir="rtl"] .hero-home--engine .headline-static,
  body[dir="rtl"] .hero-home--engine .headline-dynamic {
    text-align: center;
  }

  .hero-home--engine .hero-actions--client-ready,
  body[dir="rtl"] .hero-home--engine .hero-actions--client-ready,
  .hero-proof-row,
  body[dir="rtl"] .hero-proof-row {
    justify-content: center;
  }
}

/* Hero text-only layout with exact HTML intelligence-engine embed */
.hero-home--solo {
  min-height: auto;
  padding: clamp(82px, 9vw, 136px) 0 clamp(42px, 6vw, 78px);
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 8%, rgba(6, 182, 212, .14), transparent 28%),
    radial-gradient(circle at 18% 24%, rgba(124, 58, 237, .16), transparent 30%),
    linear-gradient(135deg, rgba(3, 9, 28, .98), rgba(6, 16, 44, .98) 52%, rgba(2, 22, 42, .98));
}

.hero-home--solo .hero-solo-wrap {
  display: grid;
  place-items: center;
}

.hero-home--solo .hero-copy--solo {
  width: min(1120px, 100%);
  margin-inline: auto;
  text-align: center;
}

.hero-home--solo .hero-headline--typewriter {
  max-width: 1120px;
  margin: 0 auto 24px;
  font-family: "NEO CYBERN", "Cairo", system-ui, sans-serif;
  font-size: clamp(52px, 6.4vw, 92px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: 0;
  color: #f7f9ff;
}

.hero-home--solo .headline-brand,
.hero-home--solo .headline-static,
.hero-home--solo .headline-dynamic {
  display: inline;
}

.hero-home--solo .typewriter-text {
  min-width: 12ch;
  color: var(--brand-cyan);
  font: inherit;
  font-weight: 900;
  white-space: nowrap;
  text-align: start;
  text-shadow: 0 0 24px rgba(6, 182, 212, .34);
}

.hero-home--solo .typewriter-text::after {
  height: .95em;
  transform: translateY(.08em);
}

.hero-home--solo .hero-subheadline {
  max-width: 780px;
  margin: 0 auto;
  font-family: "Cairo", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.85;
  color: #858585;
}

.hero-home--solo .hero-actions--client-ready {
  justify-content: center;
  margin-top: 34px;
}

.hero-home--solo .hero-actions--client-ready .button {
  min-width: 178px;
  min-height: 54px;
  padding: 0 26px;
  border-radius: 999px;
}

.hero-home--solo .hero-actions--client-ready .hero-cta-primary {
  color: #fff;
  background: linear-gradient(135deg, #7C3AED 0%, #06B6D4 100%);
  box-shadow: 0 22px 48px rgba(6, 182, 212, .22);
}

.hero-home--solo .hero-actions--client-ready .hero-cta-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 26px 56px rgba(6, 182, 212, .28);
}

.hero-home--solo .hero-actions--client-ready .hero-cta-secondary {
  color: #f7f9ff;
  background: transparent;
  border: 1px solid #232323;
  box-shadow: none;
}

.hero-home--solo .hero-actions--client-ready .hero-cta-secondary:hover {
  color: var(--brand-cyan);
  border-color: #06B6D4;
}

.engine-code-section {
  padding: clamp(42px, 5vw, 72px) 0 clamp(70px, 8vw, 108px);
  background:
    radial-gradient(circle at 50% 0%, rgba(6, 182, 212, .08), transparent 32%),
    linear-gradient(180deg, #031024 0%, #06142c 100%);
}

.engine-code-wrap {
  max-width: 1120px;
}

.engine-code-iframe {
  display: block;
  width: 100%;
  height: clamp(430px, 79.5vw, 890px);
  border: 0;
  border-radius: 22px;
  background: #071222;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .42), 0 0 0 1px rgba(6, 182, 212, .14);
}

body[data-theme="light"] .hero-home--solo {
  background:
    radial-gradient(circle at 50% 8%, rgba(6, 182, 212, .12), transparent 28%),
    radial-gradient(circle at 18% 24%, rgba(124, 58, 237, .12), transparent 30%),
    linear-gradient(135deg, #f7fbff 0%, #edf5ff 56%, #e8f7ff 100%);
}

body[data-theme="light"] .hero-home--solo .hero-headline--typewriter {
  color: #071222;
}

body[data-theme="light"] .hero-home--solo .hero-cta-secondary {
  color: #071222;
  border-color: #232323;
}

body[data-theme="light"] .engine-code-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(6, 182, 212, .11), transparent 34%),
    linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
}

body[dir="rtl"] .hero-home--solo .hero-headline--typewriter {
  line-height: 1.18;
}

@media (max-width: 720px) {
  .hero-home--solo {
    padding: 64px 0 38px;
  }

  .hero-home--solo .hero-headline--typewriter {
    max-width: 100%;
    font-size: clamp(31px, 9vw, 38px);
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  .hero-home--solo .headline-brand,
  .hero-home--solo .headline-static,
  .hero-home--solo .headline-dynamic {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  .hero-home--solo .headline-brand {
    direction: ltr;
    unicode-bidi: isolate;
  }

  .hero-home--solo .typewriter-text {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }

  .hero-home--solo .hero-subheadline {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
  }

  .hero-home--solo .hero-actions--client-ready .button {
    width: 100%;
  }

  .engine-code-section {
    padding-top: 28px;
  }

  .engine-code-wrap {
    width: min(100% - 20px, 1120px);
  }

  .engine-code-iframe {
    height: min(82vw, 430px);
    min-height: 308px;
    border-radius: 16px;
  }
}

/* SecureSist client polish pass 2026-06-19 */
.hero-home--solo {
  padding: clamp(38px, 4.6vw, 70px) 0 clamp(22px, 3.1vw, 42px);
}

.engine-code-section {
  padding: clamp(16px, 2.2vw, 32px) 0 clamp(46px, 5.6vw, 78px);
}

.engine-code-wrap {
  margin-top: 0;
}

.engine-code-iframe {
  height: clamp(400px, 74vw, 820px);
}

.split-highlight__visual {
  position: relative;
  isolation: isolate;
}

.insight-orbit {
  min-height: clamp(270px, 26vw, 360px);
}

.insight-orbit::before,
.insight-orbit::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

.insight-orbit::before {
  width: 14px;
  height: 14px;
  left: 18%;
  top: 42%;
  border-radius: 999px;
  background: #06B6D4;
  box-shadow: 0 0 26px rgba(6, 182, 212, .72), 0 0 54px rgba(124, 58, 237, .34);
  animation: securesist-data-node-path 6.4s ease-in-out infinite;
}

.insight-orbit::after {
  width: 58%;
  height: 2px;
  left: -28%;
  top: 50%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(6, 182, 212, .92), rgba(124, 58, 237, .78), transparent);
  box-shadow: 0 0 22px rgba(6, 182, 212, .32);
  transform: rotate(-14deg);
  animation: securesist-scan-line 5.8s linear infinite;
}

.insight-orbit span {
  opacity: .82;
  border-color: rgba(6, 182, 212, .22);
  box-shadow: inset 0 0 34px rgba(6, 182, 212, .08);
  transform: rotate(var(--orbit-angle, 0deg));
  animation:
    securesist-orbit-drift var(--orbit-time, 16s) linear infinite,
    securesist-orbit-pulse 4.8s ease-in-out infinite;
}

.insight-orbit span:nth-child(1) {
  inset: 28px 58px;
  --orbit-angle: -18deg;
  --orbit-time: 18s;
}

.insight-orbit span:nth-child(2) {
  inset: 72px 112px;
  --orbit-angle: 24deg;
  --orbit-time: 14s;
  animation-direction: reverse, normal;
}

.insight-orbit span:nth-child(3) {
  inset: 122px 154px;
  --orbit-angle: -8deg;
  --orbit-time: 10s;
}

.insight-panel {
  animation: securesist-panel-breathe 5.2s ease-in-out infinite;
}

.press-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.press-card__media {
  display: block;
  aspect-ratio: 16 / 9;
  margin: -8px -8px 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 28% 20%, rgba(6, 182, 212, .18), transparent 34%),
    linear-gradient(135deg, rgba(6, 18, 44, .98), rgba(18, 15, 70, .98));
}

.press-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease, filter .5s ease;
}

.press-card:hover .press-card__media img {
  transform: scale(1.045);
  filter: saturate(1.08);
}

body[data-theme="light"] .press-card__media {
  background:
    radial-gradient(circle at 24% 18%, rgba(6, 182, 212, .16), transparent 34%),
    linear-gradient(135deg, #edf7ff, #f6f2ff);
}

body[data-theme="light"] .insight-orbit {
  background:
    radial-gradient(circle at center, rgba(6, 182, 212, .16), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(236, 246, 255, .86));
}

body[dir="rtl"] .press-card {
  text-align: right;
}

@keyframes securesist-orbit-drift {
  from {
    transform: rotate(var(--orbit-angle, 0deg)) scale(1);
  }
  to {
    transform: rotate(calc(var(--orbit-angle, 0deg) + 360deg)) scale(1.02);
  }
}

@keyframes securesist-orbit-pulse {
  0%, 100% {
    opacity: .68;
    filter: drop-shadow(0 0 0 rgba(6, 182, 212, 0));
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 12px rgba(6, 182, 212, .28));
  }
}

@keyframes securesist-data-node-path {
  0% {
    left: 18%;
    top: 42%;
    opacity: .3;
  }
  24% {
    left: 42%;
    top: 24%;
    opacity: 1;
  }
  52% {
    left: 70%;
    top: 47%;
    opacity: .9;
  }
  78% {
    left: 45%;
    top: 70%;
    opacity: .82;
  }
  100% {
    left: 18%;
    top: 42%;
    opacity: .3;
  }
}

@keyframes securesist-scan-line {
  from {
    transform: translateX(0) rotate(-14deg);
    opacity: 0;
  }
  12% {
    opacity: .75;
  }
  72% {
    opacity: .75;
  }
  to {
    transform: translateX(220%) rotate(-14deg);
    opacity: 0;
  }
}

@keyframes securesist-panel-breathe {
  0%, 100% {
    transform: translateY(0);
    box-shadow: var(--shadow-md);
  }
  50% {
    transform: translateY(-6px);
    box-shadow: 0 22px 54px rgba(6, 182, 212, .12);
  }
}

@media (max-width: 720px) {
  .hero-home--solo {
    padding: 42px 0 24px;
  }

  .engine-code-section {
    padding-top: 14px;
    padding-bottom: 42px;
  }

  .engine-code-iframe {
    height: clamp(360px, 112vw, 620px);
  }

  .press-card__media {
    margin: -6px -6px 16px;
    border-radius: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .insight-orbit::before,
  .insight-orbit::after,
  .insight-orbit span,
  .insight-panel {
    animation: none !important;
  }
}
/* End SecureSist client polish pass */

/* SecureSist enterprise deep architecture pass 2026-06-19 */
.page-shell {
  padding-top: clamp(4px, .8vw, 12px);
}

.hero-section {
  padding-top: clamp(34px, 4vw, 56px);
}

.hero-home--solo {
  padding-top: clamp(20px, 3vw, 44px);
}

.page-solution--deep .solution-hero-deep {
  padding-top: clamp(30px, 3.4vw, 52px);
}

.enterprise-pillars-section {
  overflow: hidden;
}

.enterprise-pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

.enterprise-pillar-card,
.deep-copy-card,
.system-dashboard-mockup,
.workflow-step {
  border: 1px solid var(--line);
  background:
    radial-gradient(circle at 18% 0%, rgba(6, 182, 212, .08), transparent 28%),
    linear-gradient(180deg, rgba(5, 14, 38, .94), rgba(3, 8, 24, .94));
  box-shadow: var(--shadow-lg);
  backdrop-filter: blur(18px);
}

.enterprise-pillar-card {
  position: relative;
  min-height: 100%;
  padding: 24px;
  border-radius: 26px;
  overflow: hidden;
}

.enterprise-pillar-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pillar-color) 72%, transparent), 0 0 42px color-mix(in srgb, var(--pillar-color) 24%, transparent);
}

.enterprise-pillar-card[data-pillar="people"] { --pillar-color: #7C3AED; }
.enterprise-pillar-card[data-pillar="process"] { --pillar-color: #1E3A8A; }
.enterprise-pillar-card[data-pillar="technology"] { --pillar-color: #06B6D4; }

.enterprise-pillar-card__header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.enterprise-pillar-card__header h3 {
  margin: 0;
  color: #f7fbff;
  font-size: clamp(24px, 2.4vw, 36px);
  letter-spacing: 0;
}

.enterprise-pillar-card__body {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 20px;
}

.detail-log {
  font-family: "Cairo", system-ui, sans-serif;
  color: var(--text-soft);
  line-height: 1.9;
}

.enterprise-map-list {
  list-style: none;
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
}

.enterprise-map-list li {
  position: relative;
  padding: 12px 14px 12px 36px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  background: rgba(255, 255, 255, .045);
  color: var(--text);
  font-family: "Cairo", system-ui, sans-serif;
  line-height: 1.6;
}

body[dir="rtl"] .enterprise-map-list li {
  padding: 12px 36px 12px 14px;
}

.enterprise-map-list li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 19px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand-purple), var(--brand-cyan));
  box-shadow: 0 0 18px rgba(6, 182, 212, .5);
}

body[dir="rtl"] .enterprise-map-list li::before {
  left: auto;
  right: 14px;
}

.pillar-visual {
  position: relative;
  min-height: 260px;
  border: 1px solid color-mix(in srgb, var(--pillar-color, #06B6D4) 42%, transparent);
  border-radius: 22px;
  background:
    linear-gradient(90deg, rgba(6, 182, 212, .08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(6, 182, 212, .08) 1px, transparent 1px),
    radial-gradient(circle at center, color-mix(in srgb, var(--pillar-color, #06B6D4) 18%, transparent), transparent 42%),
    #061326;
  background-size: 38px 38px, 38px 38px, auto, auto;
  overflow: hidden;
}

.pillar-visual__chrome {
  display: flex;
  gap: 7px;
  padding: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.pillar-visual__chrome span {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--pillar-color, #06B6D4);
  box-shadow: 0 0 18px color-mix(in srgb, var(--pillar-color, #06B6D4) 66%, transparent);
}

.risk-gauge {
  position: absolute;
  left: 22px;
  top: 62px;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(var(--pillar-color) 0 78%, rgba(255,255,255,.08) 78% 100%);
  box-shadow: 0 0 38px color-mix(in srgb, var(--pillar-color) 32%, transparent);
}

.risk-gauge::after {
  content: "";
  position: absolute;
  inset: 13px;
  border-radius: inherit;
  background: #061326;
}

.risk-gauge strong,
.risk-gauge small {
  position: relative;
  z-index: 1;
  display: block;
}

.risk-gauge strong {
  font-size: 28px;
}

.risk-gauge small,
.visual-caption span,
.graph-engine-panel__title {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mock-progress {
  position: absolute;
  left: 162px;
  right: 22px;
  top: 88px;
  display: grid;
  gap: 10px;
  color: var(--text);
  font-weight: 800;
}

.mock-progress b {
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--pillar-color) var(--value), rgba(255,255,255,.1) var(--value));
  box-shadow: 0 0 22px color-mix(in srgb, var(--pillar-color) 35%, transparent);
}

.mini-bars {
  position: absolute;
  left: 162px;
  right: 22px;
  bottom: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  align-items: end;
  height: 84px;
}

.mini-bars i {
  display: block;
  border-radius: 12px 12px 6px 6px;
  background: linear-gradient(180deg, var(--pillar-color), rgba(6, 182, 212, .18));
  animation: enterprise-bar-rise 3.2s ease-in-out infinite;
}

.mini-bars i:nth-child(1) { height: 52%; }
.mini-bars i:nth-child(2) { height: 76%; animation-delay: .2s; }
.mini-bars i:nth-child(3) { height: 46%; animation-delay: .4s; }
.mini-bars i:nth-child(4) { height: 88%; animation-delay: .6s; }

.checklist-stack {
  position: absolute;
  left: 22px;
  top: 64px;
  width: 42%;
  display: grid;
  gap: 12px;
}

.checklist-stack span {
  height: 34px;
  border-radius: 12px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--pillar-color) 55%, transparent), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.08);
}

.node-tree,
.tech-graph {
  position: absolute;
  inset: 62px 22px 26px 50%;
}

.node-tree::before,
.tech-graph::before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px dashed color-mix(in srgb, var(--pillar-color) 42%, transparent);
  border-radius: 24px;
}

.node-tree i,
.tech-graph i {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--pillar-color);
  box-shadow: 0 0 22px color-mix(in srgb, var(--pillar-color) 70%, transparent);
  animation: enterprise-node-pulse 3s ease-in-out infinite;
}

.node-tree i:nth-child(1), .tech-graph i:nth-child(1) { left: 10%; top: 14%; }
.node-tree i:nth-child(2), .tech-graph i:nth-child(2) { left: 58%; top: 18%; animation-delay: .2s; }
.node-tree i:nth-child(3), .tech-graph i:nth-child(3) { left: 32%; top: 48%; animation-delay: .4s; }
.node-tree i:nth-child(4), .tech-graph i:nth-child(4) { left: 74%; top: 58%; animation-delay: .6s; }
.node-tree i:nth-child(5), .tech-graph i:nth-child(5) { left: 18%; top: 76%; animation-delay: .8s; }
.tech-graph i:nth-child(6) { left: 52%; top: 82%; animation-delay: 1s; }

.threat-matrix {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 24px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}

.threat-matrix span {
  height: 30px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(11,214,253,.28), rgba(161,98,247,.12));
  animation: enterprise-bar-rise 2.8s ease-in-out infinite;
}

.visual-caption {
  display: grid;
  gap: 7px;
  margin-top: 12px;
  font-family: "Cairo", system-ui, sans-serif;
}

.deep-copy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.deep-copy-card {
  padding: 28px;
  border-radius: 24px;
}

.deep-copy-card--pain {
  background:
    radial-gradient(circle at 88% 8%, rgba(124, 58, 237, .13), transparent 28%),
    linear-gradient(180deg, rgba(5, 14, 38, .94), rgba(3, 8, 24, .94));
}

.system-dashboard-mockup {
  overflow: hidden;
  border-radius: 28px;
}

.system-dashboard-mockup__bar {
  min-height: 54px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 22px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(6, 182, 212, .06);
}

.system-dashboard-mockup__bar span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--brand-cyan);
}

.system-dashboard-mockup__bar span:nth-child(2) { background: #ff9b4a; }
.system-dashboard-mockup__bar span:nth-child(3) { background: #11c783; }

.system-dashboard-mockup__bar strong {
  margin-inline-start: auto;
  color: var(--text-soft);
  font-family: "NEO CYBERN", "Cairo", system-ui, sans-serif;
  letter-spacing: .12em;
}

.system-dashboard-mockup__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr) minmax(220px, .65fr);
  gap: 18px;
  padding: 22px;
}

.graph-engine-panel,
.threat-feed-panel,
.executive-report-panel {
  min-height: 360px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.04);
}

.graph-engine-canvas {
  position: relative;
  min-height: 300px;
  margin-top: 14px;
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(11,214,253,.1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(11,214,253,.1) 1px, transparent 1px),
    radial-gradient(circle at center, rgba(11,214,253,.12), transparent 48%);
  background-size: 54px 54px, 54px 54px, auto;
  overflow: hidden;
}

.graph-engine-canvas .node {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--brand-cyan);
  box-shadow: 0 0 28px rgba(11,214,253,.72);
  animation: enterprise-node-pulse 3.4s ease-in-out infinite;
}

.graph-engine-canvas .n1 { left: 16%; top: 22%; }
.graph-engine-canvas .n2 { left: 48%; top: 18%; background: var(--brand-purple); }
.graph-engine-canvas .n3 { left: 72%; top: 42%; }
.graph-engine-canvas .n4 { left: 34%; top: 66%; background: #ff4d75; }
.graph-engine-canvas .n5 { left: 62%; top: 76%; background: #ff9b4a; }

.graph-engine-canvas .edge {
  position: absolute;
  height: 2px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(11,214,253,.15), rgba(11,214,253,.85), rgba(161,98,247,.5));
  animation: enterprise-scan 4.2s linear infinite;
}

.graph-engine-canvas .e1 { left: 18%; top: 25%; width: 32%; transform: rotate(-7deg); }
.graph-engine-canvas .e2 { left: 50%; top: 24%; width: 27%; transform: rotate(30deg); }
.graph-engine-canvas .e3 { left: 36%; top: 68%; width: 31%; transform: rotate(16deg); }
.graph-engine-canvas .e4 { left: 35%; top: 65%; width: 22%; transform: rotate(-46deg); }

.threat-feed-panel,
.executive-report-panel {
  display: grid;
  align-content: start;
  gap: 12px;
  font-family: "Cairo", system-ui, sans-serif;
}

.feed-row,
.report-metric,
.command-snapshot__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.045);
}

.feed-row span,
.command-snapshot__row span {
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--brand-cyan);
  box-shadow: 0 0 18px rgba(11,214,253,.6);
}

.report-metric {
  justify-content: space-between;
}

.report-metric span {
  color: var(--brand-cyan);
  font-size: 28px;
  font-weight: 900;
}

.solution-command-card .command-snapshot {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.workflow-lane {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.workflow-step {
  padding: 20px;
  border-radius: 20px;
}

.workflow-step > span {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--brand-cyan);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
}

body[data-theme="light"] .enterprise-pillar-card,
body[data-theme="light"] .deep-copy-card,
body[data-theme="light"] .system-dashboard-mockup,
body[data-theme="light"] .workflow-step {
  background:
    radial-gradient(circle at 18% 0%, rgba(6, 182, 212, .11), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(238,246,255,.96));
}

body[data-theme="light"] .enterprise-pillar-card__header h3 {
  color: #071222;
}

body[data-theme="light"] .pillar-visual,
body[data-theme="light"] .graph-engine-canvas {
  background-color: #eef6ff;
}

body[data-theme="light"] .enterprise-map-list li,
body[data-theme="light"] .graph-engine-panel,
body[data-theme="light"] .threat-feed-panel,
body[data-theme="light"] .executive-report-panel,
body[data-theme="light"] .feed-row,
body[data-theme="light"] .report-metric,
body[data-theme="light"] .command-snapshot__row {
  background: rgba(255,255,255,.72);
}

@keyframes enterprise-node-pulse {
  0%, 100% { transform: scale(1); opacity: .74; }
  50% { transform: scale(1.28); opacity: 1; }
}

@keyframes enterprise-bar-rise {
  0%, 100% { transform: scaleY(.82); opacity: .72; }
  50% { transform: scaleY(1); opacity: 1; }
}

@keyframes enterprise-scan {
  0% { opacity: .18; filter: drop-shadow(0 0 0 rgba(11,214,253,0)); }
  50% { opacity: 1; filter: drop-shadow(0 0 12px rgba(11,214,253,.55)); }
  100% { opacity: .18; filter: drop-shadow(0 0 0 rgba(11,214,253,0)); }
}

@media (max-width: 1100px) {
  .enterprise-pillars-grid,
  .system-dashboard-mockup__grid,
  .workflow-lane {
    grid-template-columns: 1fr;
  }

  .deep-copy-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .page-shell {
    padding-top: 2px;
  }

  .hero-section,
  .page-solution--deep .solution-hero-deep {
    padding-top: 24px;
  }

  .hero-home--solo {
    padding-top: 26px;
  }

  .enterprise-pillar-card,
  .deep-copy-card {
    padding: 18px;
  }

  .pillar-visual {
    min-height: 230px;
  }

  .mock-progress,
  .mini-bars {
    left: 142px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mini-bars i,
  .node-tree i,
  .tech-graph i,
  .threat-matrix span,
  .graph-engine-canvas .node,
  .graph-engine-canvas .edge {
    animation: none !important;
  }
}
/* End SecureSist enterprise deep architecture pass */

/* SecureSist partner/about/press redesign pass 2026-06-19 */
:root {
  --brand-blue: #1E3A8A;
  --brand-purple: #7C3AED;
  --brand-cyan: #06B6D4;
}

.partner-agency-page .section,
.about-redesign-page .section,
.press-redesign-page .section {
  padding-block: clamp(58px, 7vw, 104px);
}

.partner-agency-hero,
.about-hero,
.press-hero {
  background:
    radial-gradient(circle at 12% 18%, rgba(124, 58, 237, .22), transparent 28%),
    radial-gradient(circle at 86% 26%, rgba(6, 182, 212, .18), transparent 30%),
    linear-gradient(135deg, #090d1c, #101848 52%, #06273a);
  overflow: hidden;
}

.partner-agency-hero__grid,
.about-split,
.partner-form-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr);
  gap: clamp(30px, 5vw, 70px);
  align-items: center;
}

.partner-agency-hero h1,
.about-hero h1 {
  max-width: 760px;
  font-size: clamp(48px, 6.4vw, 86px);
  letter-spacing: 0;
}

.partner-agency-hero h1 span,
.about-hero h1 span {
  color: var(--brand-cyan);
}

.partner-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.partner-trust-row span {
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(6, 182, 212, .18);
  background: rgba(255,255,255,.05);
  color: var(--text-soft);
  font-size: 13px;
}

.partner-network-visual {
  position: relative;
  min-height: 430px;
  border-radius: 32px;
  background:
    radial-gradient(circle at center, rgba(124, 58, 237, .34), transparent 15%),
    radial-gradient(circle at center, rgba(6, 182, 212, .24), transparent 34%),
    repeating-radial-gradient(circle at center, transparent 0 54px, rgba(11,214,253,.16) 55px 56px);
}

.partner-network-visual::before,
.partner-network-visual::after {
  content: "";
  position: absolute;
  inset: 14%;
  border: 1px dashed rgba(6, 182, 212, .24);
  border-radius: 50%;
  animation: agency-spin 16s linear infinite;
}

.partner-network-visual::after {
  inset: 24%;
  animation-direction: reverse;
  animation-duration: 12s;
}

.network-core {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 58px;
  height: 58px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--brand-cyan);
  box-shadow: 0 0 40px rgba(11,214,253,.8), 0 0 90px rgba(124,58,237,.7);
}

.partner-network-visual i {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid rgba(11,214,253,.8);
  box-shadow: 0 0 22px rgba(11,214,253,.42);
}

.partner-network-visual i:nth-of-type(1) { left: 18%; top: 24%; }
.partner-network-visual i:nth-of-type(2) { left: 48%; top: 14%; }
.partner-network-visual i:nth-of-type(3) { right: 18%; top: 26%; }
.partner-network-visual i:nth-of-type(4) { left: 14%; top: 50%; }
.partner-network-visual i:nth-of-type(5) { right: 22%; top: 50%; }
.partner-network-visual i:nth-of-type(6) { left: 26%; bottom: 18%; }
.partner-network-visual i:nth-of-type(7) { left: 50%; bottom: 14%; }
.partner-network-visual i:nth-of-type(8) { right: 16%; bottom: 18%; }

.network-label {
  position: absolute;
  color: var(--brand-cyan);
  font-family: "NEO CYBERN", "Cairo", system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: .18em;
}
.network-label--one { left: 8%; top: 8%; }
.network-label--two { right: 8%; top: 8%; color: var(--brand-purple); }
.network-label--three { right: 8%; bottom: 8%; color: var(--text-muted); }

.agency-benefit-grid,
.about-solution-grid,
.press-old-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.agency-benefit-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.agency-benefit-card,
.agency-step,
.agency-application-form,
.about-command-card,
.about-solution-grid article,
.sector-list article,
.press-old-card,
.press-feature-card,
.home-roadmap-card,
.home-final-cta__box {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(15, 23, 42, .74);
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(18px);
}

.agency-benefit-card,
.about-solution-grid article,
.sector-list article {
  padding: 24px;
}

.agency-benefit-card > span,
.home-roadmap-card strong {
  color: var(--brand-cyan);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
}

.agency-steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.agency-step {
  padding: 28px;
  text-align: center;
}

.agency-step > span {
  display: inline-grid;
  place-items: center;
  width: 70px;
  height: 70px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: rgba(11,214,253,.12);
  border: 1px solid rgba(11,214,253,.3);
  color: var(--brand-cyan);
  font-weight: 900;
}

.agency-application-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 28px;
}

.agency-application-form label {
  display: grid;
  gap: 8px;
}

.agency-application-form .full,
.form-notice {
  grid-column: 1 / -1;
}

.agency-application-form input,
.agency-application-form select,
.agency-application-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(5, 12, 28, .72);
  color: var(--text);
  padding: 13px 14px;
  font: inherit;
}

.form-notice {
  padding: 14px 16px;
  border-radius: 8px;
  background: rgba(17, 199, 131, .12);
  border: 1px solid rgba(17, 199, 131, .28);
}

.about-hero {
  text-align: center;
}

.about-hero h1,
.about-hero .lead {
  margin-inline: auto;
}

.about-stat-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  max-width: 800px;
  margin: 36px auto 0;
}

.about-stat-row article {
  padding: 20px;
  border-radius: 8px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.08);
}

.about-stat-row strong {
  display: block;
  color: var(--brand-cyan);
  font-size: 38px;
}

.about-command-card {
  min-height: 360px;
  padding: 22px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 22%, rgba(11,214,253,.2), transparent 32%),
    linear-gradient(135deg, rgba(20, 29, 65, .96), rgba(6, 19, 38, .96));
}

.visual-header {
  display: flex;
  gap: 8px;
  align-items: center;
}

.visual-header span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--brand-cyan);
}

.visual-header b {
  margin-inline-start: auto;
  color: var(--text-muted);
  font-size: 11px;
  letter-spacing: .12em;
}

.visual-dashboard-lines {
  display: grid;
  gap: 14px;
  width: 44%;
  margin-top: 48px;
}

.visual-dashboard-lines i {
  height: 42px;
  border-radius: 8px;
  background: rgba(11,214,253,.12);
  border: 1px solid rgba(11,214,253,.24);
}

.visual-kpi {
  position: absolute;
  left: 42px;
  bottom: 42px;
  display: grid;
  place-items: center;
  width: 110px;
  height: 82px;
  border-radius: 14px;
  border: 1px solid rgba(11,214,253,.4);
  color: var(--brand-cyan);
  font-size: 26px;
  font-weight: 900;
}

.visual-bars {
  position: absolute;
  right: 42px;
  bottom: 54px;
  display: flex;
  align-items: end;
  gap: 12px;
  height: 120px;
}

.visual-bars span {
  width: 28px;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(180deg, var(--brand-purple), var(--brand-cyan));
}
.visual-bars span:nth-child(1) { height: 45%; }
.visual-bars span:nth-child(2) { height: 62%; }
.visual-bars span:nth-child(3) { height: 82%; }
.visual-bars span:nth-child(4) { height: 54%; }

.about-feature-stack {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.about-feature-item {
  padding: 16px;
  border-radius: 8px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
}

.sector-list {
  display: grid;
  gap: 14px;
}

.press-feature-card {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1fr);
  overflow: hidden;
  background: rgba(255,255,255,.96);
  color: #0f172a;
}

.press-feature-card__image,
.press-old-card__image {
  min-height: 280px;
  overflow: hidden;
}

.press-feature-card img,
.press-old-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .55s ease;
}

.press-feature-card:hover img,
.press-old-card:hover img {
  transform: scale(1.05);
}

.press-feature-card__copy {
  padding: clamp(28px, 4vw, 52px);
}

.press-feature-card .muted,
.press-old-card p {
  color: #475569;
}

.press-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0;
  color: #64748b;
  font-size: 13px;
}

.press-old-card {
  overflow: hidden;
  background: rgba(255,255,255,.98);
  color: #0f172a;
}

.press-old-card__image {
  min-height: 210px;
}

.press-old-card__body {
  padding: 22px;
}

.press-old-card h3 {
  font-size: 22px;
  letter-spacing: 0;
}

.press-old-card a {
  display: inline-flex;
  margin-top: 14px;
  color: var(--brand-blue);
  font-weight: 800;
}

.home-roadmap-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  position: relative;
}

.home-roadmap-card {
  padding: 24px;
}

.home-roadmap-card div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.home-roadmap-card a {
  display: inline-flex;
  margin-top: 12px;
  color: var(--brand-cyan);
  font-weight: 800;
}

.home-final-cta__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: clamp(26px, 4vw, 42px);
  background:
    radial-gradient(circle at 0 50%, rgba(124, 58, 237, .28), transparent 30%),
    linear-gradient(135deg, rgba(20, 29, 65, .96), rgba(6, 42, 62, .96));
}

body[data-theme="light"] .agency-benefit-card,
body[data-theme="light"] .agency-step,
body[data-theme="light"] .agency-application-form,
body[data-theme="light"] .about-command-card,
body[data-theme="light"] .about-solution-grid article,
body[data-theme="light"] .sector-list article,
body[data-theme="light"] .home-roadmap-card,
body[data-theme="light"] .home-final-cta__box {
  background: rgba(255,255,255,.92);
}

body[data-theme="light"] .agency-application-form input,
body[data-theme="light"] .agency-application-form select,
body[data-theme="light"] .agency-application-form textarea {
  background: #fff;
  border-color: #dbe4f0;
  color: #071222;
}

@keyframes agency-spin {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}

@media (max-width: 1100px) {
  .partner-agency-hero__grid,
  .about-split,
  .partner-form-shell,
  .press-feature-card {
    grid-template-columns: 1fr;
  }

  .agency-benefit-grid,
  .agency-steps,
  .about-solution-grid,
  .press-old-card-grid,
  .home-roadmap-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .agency-application-form,
  .about-stat-row {
    grid-template-columns: 1fr;
  }

  .home-final-cta__box {
    align-items: start;
    flex-direction: column;
  }
}
/* End SecureSist partner/about/press redesign pass */

/* SecureSist interaction and readability pass 2026-06-20 */
.press-card,
.press-old-card,
.solution-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.press-card .button,
.press-old-card__body .button,
.solution-card .button {
  margin-top: auto;
  width: 100%;
  justify-content: center;
}

.press-card h3 a,
.press-old-card h3 a,
.press-feature-card h2 a {
  color: inherit;
  text-decoration: none;
}

.press-card__media,
.press-old-card__image,
.press-feature-card__image {
  display: block;
}

.press-card__media {
  aspect-ratio: 16 / 9;
  min-height: 0;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 18px;
}

.press-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.solution-command-card {
  overflow: hidden;
  min-height: 650px;
  color: #0b1738;
}

.command-intro {
  margin-bottom: 14px;
}

.module-orbit-visual {
  position: relative;
  height: 230px;
  border-radius: 8px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 48%, rgba(11,214,253,.22), transparent 18%), linear-gradient(145deg, #07162f, #0d2451 58%, #161a56);
  border: 1px solid rgba(11,214,253,.28);
  margin: 12px 0 18px;
}

.orbit-ring,
.orbit-node,
.orbit-core,
.signal-trace {
  position: absolute;
  display: block;
}

.orbit-ring {
  inset: 50% auto auto 50%;
  border: 1px solid rgba(64,207,255,.24);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: module-ring-spin 14s linear infinite;
}

.ring-one { width: 78px; height: 78px; }
.ring-two { width: 142px; height: 142px; border-style: dashed; animation-direction: reverse; animation-duration: 18s; }
.ring-three { width: 204px; height: 204px; animation-duration: 22s; }

.orbit-core {
  left: 50%; top: 50%; width: 28px; height: 28px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #06B6D4;
  box-shadow: 0 0 16px #06B6D4, 0 0 48px #7C3AED;
  animation: module-core-pulse 1.8s ease-in-out infinite;
}

.orbit-node {
  width: 13px; height: 13px; border-radius: 50%;
  background: #7C3AED; border: 2px solid #9ceeff;
  box-shadow: 0 0 14px rgba(11,214,253,.85);
  animation: module-node-pulse 2.4s ease-in-out infinite;
}
.node-one { left: 19%; top: 28%; }
.node-two { right: 18%; top: 24%; animation-delay: -.5s; }
.node-three { left: 13%; bottom: 23%; animation-delay: -1s; }
.node-four { right: 22%; bottom: 18%; animation-delay: -1.5s; }
.node-five { left: 48%; top: 12%; animation-delay: -.8s; }
.signal-trace { height: 1px; width: 42%; top: 50%; left: 8%; background: linear-gradient(90deg, transparent, #06B6D4, #7C3AED); transform-origin: right center; animation: module-trace 3s ease-in-out infinite; }
.trace-two { left: 50%; transform-origin: left center; animation-delay: -1.4s; }

.system-dashboard-mockup .node { animation: module-node-pulse 2.6s ease-in-out infinite; }
.system-dashboard-mockup .edge { animation: dashboard-edge-flow 2.4s ease-in-out infinite; }

body[data-theme="light"] .about-hero,
body[data-theme="light"] .press-hero {
  color: #f8fbff;
}
body[data-theme="light"] .about-hero h1,
body[data-theme="light"] .about-hero .lead,
body[data-theme="light"] .about-hero .breadcrumbs a,
body[data-theme="light"] .about-hero .breadcrumbs span,
body[data-theme="light"] .press-hero .press-heading-copy h1,
body[data-theme="light"] .press-hero .press-heading-copy .lead {
  color: #f8fbff;
}
body[data-theme="light"] .about-stat-row article span { color: #dbeafe; }

.press-feature-card,
.press-old-card {
  color: #0b1738;
}
.press-feature-card p,
.press-old-card p { color: #455b82; }
.press-old-card__body { display: flex; flex: 1; flex-direction: column; }
.press-old-card__image { aspect-ratio: 16 / 9; min-height: 0; }
.press-old-card__image img { width: 100%; height: 100%; object-fit: cover; }

body[data-theme="dark"] .press-list-section .press-old-card,
body[data-theme="dark"] .press-feature-card {
  color: #0b1738;
}

.contact-demo-hero {
  padding-block: clamp(72px, 8vw, 124px) clamp(54px, 6vw, 90px);
  text-align: center;
  background: radial-gradient(circle at 48% 20%, rgba(124,58,237,.12), transparent 30%), linear-gradient(180deg, rgba(244,248,255,.96), rgba(247,249,255,.9));
  color: #0b1738;
}
.contact-demo-hero__inner { max-width: 780px; }
.contact-demo-hero h1 { color: #0b1738; font-size: clamp(44px, 5.4vw, 76px); }
.contact-demo-hero .lead { color: #526686; }
.contact-demo-section { background: #f7f9fe; color: #0b1738; }
.contact-demo-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, .96fr); gap: 38px; align-items: start; }
.demo-request-form,
.contact-info-panel,
.contact-trust-strip {
  border: 1px solid #dce5f3;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(23,43,88,.08);
}
.demo-request-form { overflow: hidden; }
.demo-form-heading { display: flex; gap: 14px; align-items: center; padding: 22px 26px; color: #fff; background: linear-gradient(110deg, #1E3A8A, #7C3AED 62%, #6D28D9); }
.demo-form-heading h2,
.demo-form-heading p { margin: 0; color: inherit; }
.contact-icon { width: 40px; height: 40px; border-radius: 8px; background: rgba(255,255,255,.16); display: grid; place-items: center; font-size: 22px; }
.demo-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; padding: 26px; }
.demo-form-grid label { display: grid; gap: 8px; font-weight: 700; font-size: 14px; }
.demo-form-grid .full { grid-column: 1 / -1; }
.demo-form-grid input,
.demo-form-grid select,
.demo-form-grid textarea { width: 100%; border: 1px solid #d9e2f0; border-radius: 7px; background: #fff; color: #102044; padding: 13px 14px; font: inherit; }
.demo-form-grid input:focus,
.demo-form-grid select:focus,
.demo-form-grid textarea:focus { outline: 2px solid rgba(30,58,138,.18); border-color: #1E3A8A; }
.consent-row { grid-template-columns: auto 1fr; align-items: center; padding: 12px; background: #f7f9fe; border: 1px solid #e1e8f4; }
.consent-row input { width: 18px; height: 18px; }
.demo-submit { width: calc(100% - 52px); margin: 0 26px 26px; justify-content: center; }
.form-notice { margin: 20px 26px 0; padding: 14px; border: 1px solid #9de4c6; background: #e9fff5; border-radius: 7px; color: #075c3c; }
.contact-trust-strip { margin-top: 22px; padding: 22px 26px; display: grid; gap: 8px; }
.contact-trust-strip span { color: #526686; }
.contact-side-stack { display: grid; gap: 18px; }
.contact-info-panel { padding: 26px; }
.contact-info-panel--soft { background: linear-gradient(145deg, #fff, #f2f6ff 62%, #fff7ff); }
.contact-info-panel h2 { font-size: 25px; color: #0b1738; }
.expect-list { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 18px; }
.expect-list li { display: flex; gap: 14px; align-items: flex-start; }
.expect-list li > span { flex: 0 0 36px; height: 36px; border-radius: 8px; display: grid; place-items: center; color: #fff; font-weight: 900; background: linear-gradient(145deg, #1E3A8A, #6D28D9); }
.expect-list div,
.contact-direct-panel a div { display: grid; gap: 4px; }
.expect-list small,
.contact-direct-panel small { color: #6b7c99; }
.highlight-list { display: grid; gap: 14px; padding-left: 20px; color: #324769; }
.contact-direct-panel { display: grid; gap: 12px; }
.contact-direct-panel h2 { margin-bottom: 4px; }
.contact-direct-panel a { display: flex; align-items: center; gap: 14px; padding: 14px; border: 1px solid #e0e7f2; border-radius: 7px; color: #102044; text-decoration: none; }
.contact-direct-panel a > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 8px; background: #eef4ff; color: #1E3A8A; font-weight: 900; }
.contact-map-section { background: #eef4fb; color: #0b1738; }
.contact-map-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 36px; align-items: center; }
.contact-map-grid h2 { color: #0b1738; }
.location-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.location-chips span { padding: 8px 12px; border: 1px solid #cad8eb; border-radius: 999px; background: #fff; }
.map-frame { min-height: 420px; border-radius: 8px; overflow: hidden; border: 1px solid #cad8eb; box-shadow: 0 20px 50px rgba(23,43,88,.12); }
.map-frame iframe { width: 100%; height: 420px; border: 0; display: block; }

.site-footer--complete { background: #02091c; color: #dbe7ff; padding-top: 62px; }
.footer-main-grid { display: grid; grid-template-columns: 1.35fr .72fr .72fr; gap: 60px; }
.footer-company { max-width: 520px; }
.footer-company h4 { margin-top: 22px; color: #fff; }
.footer-link-column h4 { color: #fff; }
.footer-contact-list { list-style: none; padding: 0; display: grid; gap: 10px; }
.footer-contact-list li { display: flex; flex-wrap: wrap; gap: 8px 12px; }
.footer-contact-list a { color: #dbe7ff; text-decoration: none; }
.footer-contact-list span { color: #49a8ff; }
.footer-links a { color: #b8c8e6; }
.footer-links a:hover,
.footer-contact-list a:hover { color: #06B6D4; }
.footer-bottom--social { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 48px; padding-block: 22px; border-top: 1px solid rgba(132,155,199,.18); }
.footer-socials { display: flex; gap: 10px; }
.footer-socials a { width: 36px; height: 36px; border-radius: 6px; display: grid; place-items: center; background: #14213b; color: #eaf2ff; text-decoration: none; font-weight: 900; text-transform: uppercase; font-size: 12px; }
.footer-socials a:hover { background: #1E3A8A; }
.floating-whatsapp { position: fixed; right: 22px; bottom: 22px; z-index: 9999; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; background: #20c765; color: #fff; text-decoration: none; font-weight: 900; box-shadow: 0 12px 32px rgba(0,0,0,.28); border: 3px solid #fff; transition: transform .2s ease; }
.floating-whatsapp:hover { transform: translateY(-4px) scale(1.04); }

.insight-detail-hero { background: linear-gradient(135deg, #10143f, #0d2b4b); color: #fff; }
.insight-detail-hero__inner { max-width: 980px; }
.insight-detail-hero h1 { color: #fff; max-width: 900px; }
.insight-detail-hero .lead { color: #c7d7f5; max-width: 780px; }
.insight-cover { margin-top: -38px; position: relative; z-index: 2; }
.insight-cover img { width: 100%; max-height: 620px; object-fit: cover; border-radius: 8px; border: 1px solid rgba(124,58,237,.26); }
.insight-body-section { background: #f7f9fe; color: #152546; }
.insight-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 58px; align-items: start; }
.insight-content { font-size: 18px; line-height: 1.85; }
.insight-content h2 { color: #0b1738; margin-top: 42px; }
.insight-content p { color: #435678; }
.insight-sidebar { position: sticky; top: 110px; padding: 24px; border-radius: 8px; background: #fff; border: 1px solid #dce5f3; box-shadow: 0 16px 40px rgba(23,43,88,.08); }
.insight-sidebar h3 { color: #0b1738; }

.menu-toggle { position: relative; z-index: 1002; cursor: pointer; }
.primary-nav { z-index: 1001; }

@keyframes module-ring-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes module-core-pulse { 50% { transform: translate(-50%, -50%) scale(1.2); box-shadow: 0 0 28px #06B6D4, 0 0 72px #7C3AED; } }
@keyframes module-node-pulse { 50% { transform: scale(1.32); filter: brightness(1.35); } }
@keyframes module-trace { 0%,100% { opacity: .2; } 50% { opacity: 1; transform: scaleX(1.16); } }
@keyframes dashboard-edge-flow { 0%,100% { opacity: .3; } 50% { opacity: 1; filter: drop-shadow(0 0 5px #06B6D4); } }

@media (max-width: 900px) {
  .contact-demo-grid,
  .contact-map-grid,
  .insight-layout,
  .footer-main-grid { grid-template-columns: 1fr; }
  .footer-main-grid { gap: 34px; }
  .insight-sidebar { position: static; }
  .solution-command-card { min-height: 0; }
}

@media (max-width: 720px) {
  .contact-demo-hero { padding-top: 58px; }
  .contact-demo-hero h1 { font-size: 42px; }
  .demo-form-grid { grid-template-columns: 1fr; padding: 18px; }
  .demo-form-grid .full { grid-column: auto; }
  .demo-submit { width: calc(100% - 36px); margin: 0 18px 18px; }
  .footer-bottom--social { align-items: flex-start; flex-direction: column; }
  .floating-whatsapp { width: 52px; height: 52px; right: 14px; bottom: 14px; }
  .primary-nav.is-open { max-height: calc(100vh - 76px); overflow-y: auto; overscroll-behavior: contain; }
}
/* End SecureSist interaction and readability pass */

/* SecureSist identity palette pass */
.button-primary,
.contact-submit,
.partner-submit,
.wp-block-button__link {
  color: #FFFFFF;
  background: linear-gradient(135deg, var(--brand-secondary), var(--brand-primary));
  box-shadow: 0 22px 52px rgba(124, 58, 237, 0.24);
}

.button-primary:hover,
.contact-submit:hover,
.partner-submit:hover,
.wp-block-button__link:hover {
  box-shadow: 0 26px 60px rgba(124, 58, 237, 0.30);
}

.button-secondary {
  border-color: rgba(35, 35, 35, 0.68);
}

body[data-theme="dark"] .button-secondary {
  border-color: rgba(148, 163, 184, 0.24);
}

body[data-theme="light"] .eyebrow,
body[data-theme="light"] .solution-tag,
body[data-theme="light"] .status-pill {
  color: #0E7490;
}
/* SecureSist icon, article spacing, and theme consistency pass */
html[data-theme="dark"] {
  background: #0B0F19;
}

html[data-theme="light"] {
  background: #F8FAFC;
}

html[data-theme="dark"] body,
body[data-theme="dark"] {
  background:
    radial-gradient(circle at 12% 0%, rgba(124, 58, 237, 0.20), transparent 28%),
    radial-gradient(circle at 88% 4%, rgba(30, 58, 138, 0.22), transparent 30%),
    linear-gradient(180deg, #0B0F19 0%, #111827 52%, #080C14 100%);
  color: #F8FAFC;
}

html[data-theme="light"] body,
body[data-theme="light"] {
  background:
    radial-gradient(circle at 12% 0%, rgba(109, 40, 217, 0.07), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(30, 58, 138, 0.06), transparent 26%),
    linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 56%, #E2E8F0 100%);
  color: #0F172A;
}

.secure-icon,
.social-icon,
.whatsapp-icon {
  display: block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
}

.button-icon,
.button-icon .secure-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}

.theme-toggle {
  position: relative;
  width: 76px;
  height: 38px;
  border-radius: 999px;
}

.theme-toggle-track {
  position: relative;
  width: 76px;
  height: 38px;
  padding: 4px;
  display: block;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(241,245,249,0.88));
  border: 1px solid rgba(15,23,42,0.14);
  box-shadow: inset 0 1px 2px rgba(15,23,42,0.06), 0 10px 24px rgba(15,23,42,0.12);
}

.theme-toggle-icon {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  color: #64748B;
  transition: color .2s ease, opacity .2s ease;
}

.theme-toggle-icon--sun { left: 11px; color: #D97706; }
.theme-toggle-icon--moon { right: 11px; color: #94A3B8; opacity: .7; }
.theme-toggle-icon .secure-icon { width: 18px; height: 18px; }

.theme-toggle-thumb {
  position: absolute;
  inset: 3px auto auto 3px;
  z-index: 2;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 8px 18px rgba(15,23,42,0.22);
  transform: translateX(0);
  transition: transform .24s cubic-bezier(.2,.8,.2,1), background .2s ease;
}

html[data-theme="dark"] .theme-toggle-track,
body[data-theme="dark"] .theme-toggle-track {
  background: linear-gradient(135deg, #161D30, #0B0F19);
  border-color: rgba(148,163,184,0.20);
  box-shadow: inset 0 1px 2px rgba(255,255,255,0.05), 0 10px 24px rgba(0,0,0,0.28);
}

html[data-theme="dark"] .theme-toggle-thumb,
body[data-theme="dark"] .theme-toggle-thumb {
  background: linear-gradient(135deg, #7C3AED, #1E3A8A);
  transform: translateX(38px);
}

html[data-theme="dark"] .theme-toggle-icon--sun,
body[data-theme="dark"] .theme-toggle-icon--sun { color: #94A3B8; opacity: .72; }
html[data-theme="dark"] .theme-toggle-icon--moon,
body[data-theme="dark"] .theme-toggle-icon--moon { color: #F8FAFC; opacity: 1; }

body[dir="rtl"][data-theme="dark"] .theme-toggle-thumb { transform: translateX(-38px); }
body[dir="rtl"] .theme-toggle-thumb { inset-inline-start: auto; inset-inline-end: 3px; }
body[dir="rtl"] .theme-toggle-icon--sun { left: auto; right: 11px; }
body[dir="rtl"] .theme-toggle-icon--moon { right: auto; left: 11px; }

.floating-whatsapp {
  width: 62px;
  height: 62px;
  background: #25D366;
  color: #FFFFFF;
  border: 3px solid rgba(255,255,255,0.92);
  box-shadow: 0 18px 42px rgba(37,211,102,0.25), 0 10px 30px rgba(0,0,0,0.24);
}

.floating-whatsapp .whatsapp-icon {
  width: 31px;
  height: 31px;
}

.footer-contact-icon,
.contact-direct-panel a > span,
.contact-icon,
.highlight-list li > span {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}

.footer-contact-icon .secure-icon,
.contact-direct-panel a > span .secure-icon,
.contact-icon .secure-icon,
.highlight-list li > span .secure-icon {
  width: 20px;
  height: 20px;
}

.footer-socials a {
  color: #E2E8F0;
}

.footer-socials a .social-icon {
  width: 18px;
  height: 18px;
}

.contact-icon {
  color: #FFFFFF;
}

.highlight-list {
  padding-left: 0;
  list-style: none;
}

.highlight-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.highlight-list li > span {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: #6D28D9;
  background: rgba(109,40,217,0.10);
}

.contact-direct-panel a > span {
  color: #1E3A8A;
}

.contact-direct-panel a[href*="wa.me"] > span {
  color: #128C4A;
  background: rgba(37,211,102,0.12);
}

.insight-detail-page {
  background: var(--bg);
}

.insight-detail-hero {
  padding-bottom: clamp(72px, 8vw, 118px);
  background:
    radial-gradient(circle at 16% 20%, rgba(124, 58, 237, .22), transparent 28%),
    linear-gradient(135deg, #10143F, #0F274B 60%, #111827);
}

.insight-cover {
  margin-top: clamp(34px, 4vw, 64px) !important;
  margin-bottom: clamp(34px, 4vw, 60px);
  position: relative;
  z-index: 1;
}

.insight-cover img {
  display: block;
  width: 100%;
  max-height: 620px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid var(--line-strong);
  box-shadow: var(--shadow-lg);
}

.insight-body-section {
  padding-top: clamp(44px, 5vw, 78px);
  background: var(--bg-alt);
  color: var(--text);
}

.insight-content h2,
.insight-sidebar h3 {
  color: var(--text);
}

.insight-content p,
.insight-content li {
  color: var(--text-soft);
}

.insight-sidebar {
  background: var(--surface-card);
  border-color: var(--line);
  color: var(--text);
}

html[data-theme="light"] .insight-detail-hero,
body[data-theme="light"] .insight-detail-hero {
  background:
    radial-gradient(circle at 16% 20%, rgba(109, 40, 217, .10), transparent 28%),
    linear-gradient(135deg, #EEF2FF, #DBEAFE 54%, #E2E8F0);
  color: #0F172A;
}

html[data-theme="light"] .insight-detail-hero h1,
html[data-theme="light"] .insight-detail-hero .lead,
body[data-theme="light"] .insight-detail-hero h1,
body[data-theme="light"] .insight-detail-hero .lead {
  color: #0F172A;
}

html[data-theme="light"] .insight-body-section,
body[data-theme="light"] .insight-body-section {
  background: #F8FAFC;
}

html[data-theme="dark"] .contact-demo-section,
body[data-theme="dark"] .contact-demo-section,
html[data-theme="dark"] .contact-map-section,
body[data-theme="dark"] .contact-map-section {
  background: #0B0F19;
  color: #F8FAFC;
}

html[data-theme="dark"] .demo-request-form,
html[data-theme="dark"] .contact-info-panel,
html[data-theme="dark"] .contact-trust-strip,
body[data-theme="dark"] .demo-request-form,
body[data-theme="dark"] .contact-info-panel,
body[data-theme="dark"] .contact-trust-strip {
  background: #161D30;
  border-color: rgba(148,163,184,0.16);
  color: #F8FAFC;
}

html[data-theme="dark"] .demo-form-grid input,
html[data-theme="dark"] .demo-form-grid select,
html[data-theme="dark"] .demo-form-grid textarea,
body[data-theme="dark"] .demo-form-grid input,
body[data-theme="dark"] .demo-form-grid select,
body[data-theme="dark"] .demo-form-grid textarea {
  background: #0B0F19;
  border-color: rgba(148,163,184,0.20);
  color: #F8FAFC;
}

html[data-theme="dark"] .contact-info-panel h2,
html[data-theme="dark"] .contact-map-grid h2,
html[data-theme="dark"] .expect-list strong,
html[data-theme="dark"] .contact-direct-panel a,
body[data-theme="dark"] .contact-info-panel h2,
body[data-theme="dark"] .contact-map-grid h2,
body[data-theme="dark"] .expect-list strong,
body[data-theme="dark"] .contact-direct-panel a {
  color: #F8FAFC;
}

html[data-theme="dark"] .expect-list small,
html[data-theme="dark"] .contact-direct-panel small,
html[data-theme="dark"] .highlight-list,
body[data-theme="dark"] .expect-list small,
body[data-theme="dark"] .contact-direct-panel small,
body[data-theme="dark"] .highlight-list {
  color: #94A3B8;
}

html[data-theme="dark"] .contact-direct-panel a,
body[data-theme="dark"] .contact-direct-panel a {
  background: rgba(11,15,25,0.62);
  border-color: rgba(148,163,184,0.16);
}
/* SecureSist light hero normalization pass */
html[data-theme="light"] .partner-agency-hero,
html[data-theme="light"] .about-hero,
html[data-theme="light"] .press-hero,
html[data-theme="light"] .page-hero,
html[data-theme="light"] .hero-section,
body[data-theme="light"] .partner-agency-hero,
body[data-theme="light"] .about-hero,
body[data-theme="light"] .press-hero,
body[data-theme="light"] .page-hero,
body[data-theme="light"] .hero-section {
  background:
    radial-gradient(circle at 12% 18%, rgba(109,40,217,.08), transparent 28%),
    radial-gradient(circle at 86% 26%, rgba(30,58,138,.06), transparent 30%),
    linear-gradient(135deg, #F8FAFC, #EEF2FF 52%, #E2E8F0);
  color: #0F172A;
}

html[data-theme="light"] .partner-agency-hero h1,
html[data-theme="light"] .partner-agency-hero h2,
html[data-theme="light"] .partner-agency-hero h3,
html[data-theme="light"] .about-hero h1,
html[data-theme="light"] .about-hero h2,
html[data-theme="light"] .about-hero h3,
html[data-theme="light"] .press-hero h1,
html[data-theme="light"] .press-hero h2,
html[data-theme="light"] .press-hero h3,
html[data-theme="light"] .page-hero h1,
html[data-theme="light"] .page-hero h2,
html[data-theme="light"] .hero-section h1,
html[data-theme="light"] .hero-section h2,
body[data-theme="light"] .partner-agency-hero h1,
body[data-theme="light"] .partner-agency-hero h2,
body[data-theme="light"] .partner-agency-hero h3,
body[data-theme="light"] .about-hero h1,
body[data-theme="light"] .about-hero h2,
body[data-theme="light"] .about-hero h3,
body[data-theme="light"] .press-hero h1,
body[data-theme="light"] .press-hero h2,
body[data-theme="light"] .press-hero h3,
body[data-theme="light"] .page-hero h1,
body[data-theme="light"] .page-hero h2,
body[data-theme="light"] .hero-section h1,
body[data-theme="light"] .hero-section h2 {
  color: #0F172A !important;
}

html[data-theme="light"] .partner-agency-hero .lead,
html[data-theme="light"] .about-hero .lead,
html[data-theme="light"] .press-hero .lead,
html[data-theme="light"] .page-hero .lead,
html[data-theme="light"] .hero-section .lead,
body[data-theme="light"] .partner-agency-hero .lead,
body[data-theme="light"] .about-hero .lead,
body[data-theme="light"] .press-hero .lead,
body[data-theme="light"] .page-hero .lead,
body[data-theme="light"] .hero-section .lead {
  color: #475569 !important;
}

html[data-theme="light"] .press-kicker,
html[data-theme="light"] .agency-kicker,
html[data-theme="light"] .about-kicker,
body[data-theme="light"] .press-kicker,
body[data-theme="light"] .agency-kicker,
body[data-theme="light"] .about-kicker {
  color: #6D28D9;
}
/* SecureSist article lead hierarchy patch */
html[data-theme="light"] .insight-detail-hero .lead,
body[data-theme="light"] .insight-detail-hero .lead {
  color: #475569 !important;
}

html[data-theme="dark"] .insight-detail-hero .lead,
body[data-theme="dark"] .insight-detail-hero .lead {
  color: #94A3B8 !important;
}
/* SecureSist mobile-first responsive system pass */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body.nav-open {
  overflow: hidden;
  touch-action: none;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

img,
video,
canvas {
  height: auto;
}

iframe {
  border: 0;
}

.container,
.nav-shell,
.hero-grid,
.page-hero-grid,
.contact-demo-grid,
.contact-map-grid,
.footer-main-grid,
.footer-bottom,
.insight-layout,
.partner-agency-hero__grid,
.about-split,
.partner-form-shell,
.press-feature-card,
.enterprise-pillars-grid,
.system-dashboard-mockup__grid,
.workflow-lane,
.deep-copy-grid,
.cols-3,
.pillars-grid,
.metric-ring-grid,
.hero-kpis,
.hero-stage__footer,
.form-grid,
.agency-benefit-grid,
.agency-steps,
.about-solution-grid,
.press-old-card-grid,
.home-roadmap-grid {
  min-width: 0;
}

.container > *,
.hero-grid > *,
.page-hero-grid > *,
.contact-demo-grid > *,
.contact-map-grid > *,
.footer-main-grid > *,
.insight-layout > *,
.press-feature-card > *,
.partner-agency-hero__grid > *,
.about-split > * {
  min-width: 0;
}

.button,
.nav-list > li > a,
.dropdown-links a,
.lang-link,
.theme-toggle,
.menu-toggle,
.footer-links a,
.footer-socials a,
.contact-direct-panel a,
.floating-whatsapp {
  min-width: 48px;
  min-height: 48px;
}

.menu-toggle {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  color: var(--text);
  border: 1px solid var(--line);
  background: var(--surface-card);
  place-items: center;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
}

.mobile-menu-icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
}

.mobile-menu-icon svg {
  width: 24px;
  height: 24px;
}

.mobile-menu-icon--close {
  display: none;
}

.menu-toggle[aria-expanded="true"] .mobile-menu-icon--open {
  display: none;
}

.menu-toggle[aria-expanded="true"] .mobile-menu-icon--close {
  display: grid;
}

.primary-nav::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: rgba(11, 15, 25, 0);
  transition: background .22s ease;
}

.primary-nav.is-open::before {
  background: rgba(11, 15, 25, .56);
}

@media (min-width: 961px) {
  .primary-nav::before {
    display: none;
  }
}

@media (max-width: 960px) {
  :root {
    --header-height: 76px;
  }

  .site-header {
    min-height: var(--header-height);
  }

  .nav-shell {
    min-height: var(--header-height);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 12px;
    padding-block: 8px;
  }

  .brand {
    min-width: 0;
    gap: 10px;
  }

  .brand-logo {
    height: 48px;
    max-width: 58px;
  }

  .brand-copy {
    min-width: 0;
  }

  .brand-copy strong {
    font-size: 18px;
    line-height: 1.05;
  }

  .brand-copy small {
    font-size: 9px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .menu-toggle {
    display: grid;
    justify-self: end;
  }

  .primary-nav {
    position: fixed;
    inset: calc(var(--header-height) + 8px) 12px 12px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: auto;
    max-height: calc(100dvh - var(--header-height) - 20px);
    padding: 18px;
    border-radius: 22px;
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--surface-strong) 96%, transparent);
    box-shadow: var(--shadow-lg);
    overflow-y: auto;
    overscroll-behavior: contain;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(.98);
    pointer-events: none;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  }

  body[data-theme="light"] .primary-nav,
  html[data-theme="light"] .primary-nav {
    background: rgba(255,255,255,.98);
  }

  .primary-nav.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
  }

  .nav-list,
  .nav-tools {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
  }

  .nav-list > li,
  .nav-list > li > a,
  .nav-tools > *,
  .nav-tools .button {
    width: 100%;
  }

  .nav-list > li > a {
    justify-content: flex-start;
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid transparent;
  }

  .nav-list > li > a:hover,
  .nav-list > li > a:focus-visible {
    border-color: var(--line);
    background: var(--surface-soft);
  }

  .nav-tools .button {
    min-height: 50px;
  }

  .lang-switch {
    width: 100%;
    justify-content: space-between;
  }

  .lang-link {
    flex: 1 1 0;
  }

  .theme-toggle {
    align-self: flex-start;
  }

  .dropdown-panel {
    position: static;
    width: 100%;
    max-width: 100%;
    margin-top: 6px;
    padding: 14px;
    border-radius: 16px;
    grid-template-columns: 1fr;
    gap: 12px;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
  }

  .dropdown-intro h3 {
    font-size: clamp(22px, 7vw, 30px);
  }

  .dropdown-links a {
    padding: 13px;
    border-radius: 14px;
  }

  .page-shell {
    padding-top: calc(var(--header-height) + 8px);
  }
}

@media (max-width: 860px) {
  .hero-grid,
  .page-hero-grid,
  .contact-demo-grid,
  .contact-map-grid,
  .insight-layout,
  .footer-main-grid,
  .partner-agency-hero__grid,
  .about-split,
  .partner-form-shell,
  .press-feature-card,
  .enterprise-pillars-grid,
  .system-dashboard-mockup__grid,
  .workflow-lane,
  .deep-copy-grid,
  .cols-3,
  .pillars-grid,
  .metric-ring-grid,
  .hero-kpis,
  .hero-stage__footer,
  .form-grid,
  .agency-benefit-grid,
  .agency-steps,
  .about-solution-grid,
  .press-old-card-grid,
  .home-roadmap-grid {
    grid-template-columns: 1fr !important;
  }

  .hero-home--immersive .hero-copy,
  .contact-demo-hero,
  .section-heading,
  .press-hero,
  .about-hero,
  .partner-agency-hero {
    text-align: start;
  }

  .hero-home--immersive .hero-tags,
  .hero-home--immersive .hero-actions,
  .hero-home--immersive .breadcrumbs ol {
    justify-content: flex-start;
  }

  .hero-actions,
  .home-final-cta__actions,
  .cta-actions,
  .contact-actions {
    width: 100%;
  }

  .hero-actions .button,
  .home-final-cta__actions .button,
  .cta-actions .button,
  .contact-actions .button {
    width: 100%;
  }

  .hero-stage,
  .hero-stage__shell,
  .command-window,
  .dashboard-card,
  .module-dashboard,
  .system-dashboard-mockup,
  .pillar-visual,
  .module-orbit-visual,
  .map-frame {
    max-width: 100%;
    overflow: hidden;
  }
}

@media (max-width: 720px) {
  .container {
    width: min(var(--container), calc(100% - 28px));
  }

  .section,
  .partner-agency-page .section,
  .about-redesign-page .section,
  .press-redesign-page .section {
    padding-block: clamp(42px, 12vw, 72px);
  }

  .hero-section,
  .contact-demo-hero,
  .insight-detail-hero,
  .partner-agency-hero,
  .about-hero,
  .press-hero,
  .page-solution--deep .solution-hero-deep {
    padding-top: clamp(32px, 10vw, 58px);
    padding-bottom: clamp(42px, 12vw, 76px);
  }

  .hero-home .hero-copy h1,
  .page-hero-copy h1,
  .contact-demo-hero h1,
  .partner-agency-hero h1,
  .about-hero h1,
  .press-hero h1,
  .insight-detail-hero h1,
  .solution-hero-deep h1,
  .section-heading h2,
  .funnel-title-wrap h2,
  .home-final-cta__box h2 {
    font-size: clamp(31px, 10.5vw, 44px) !important;
    line-height: 1.08;
    letter-spacing: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .lead,
  .muted,
  .hero-typewriter,
  .contact-demo-hero .lead,
  .press-hero .lead,
  .about-hero .lead,
  .insight-detail-hero .lead {
    font-size: clamp(15px, 4.3vw, 17px);
    line-height: 1.75;
  }

  .hero-typewriter {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-height: auto;
  }

  .typewriter-text {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
  }

  .hero-tags,
  .hero-actions,
  .location-chips,
  .footer-socials,
  .footer-links {
    gap: 10px;
  }

  .hero-actions,
  .home-final-cta__actions,
  .cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-stage {
    min-height: auto;
    padding: 0;
  }

  .hero-stage__shell,
  .funnel-shell,
  .enterprise-pillar-card,
  .deep-copy-card,
  .solution-command-card,
  .contact-info-panel,
  .demo-request-form,
  .press-old-card,
  .press-card,
  .partner-card,
  .capability-card,
  .pillar-card,
  .meta-card,
  .solution-card {
    border-radius: 18px;
  }

  .hero-stage__shell,
  .funnel-shell,
  .enterprise-pillar-card,
  .deep-copy-card,
  .solution-command-card,
  .contact-info-panel,
  .agency-application-form,
  .insight-sidebar {
    padding: 18px;
  }

  .hero-core {
    min-height: 310px;
    transform: scale(.88);
    transform-origin: center;
  }

  .hero-core__center {
    width: 178px;
    height: 178px;
    padding: 18px;
  }

  .hero-core__center strong {
    font-size: 20px;
  }

  .hero-core__phase,
  .output-button,
  .source-item {
    max-width: 128px;
    font-size: 12px;
  }

  .metric-ring__circle {
    width: 112px;
    height: 112px;
  }

  .demo-form-grid,
  .agency-form-grid {
    grid-template-columns: 1fr !important;
    padding: 18px;
  }

  .demo-form-grid .full,
  .agency-form-grid .full {
    grid-column: auto;
  }

  .demo-form-grid input,
  .demo-form-grid select,
  .demo-form-grid textarea,
  .agency-form-grid input,
  .agency-form-grid select,
  .agency-form-grid textarea {
    min-height: 48px;
    font-size: 16px;
  }

  .demo-submit,
  .partner-submit {
    width: calc(100% - 36px);
    margin-inline: 18px;
  }

  .map-frame iframe {
    min-height: 300px;
  }

  .insight-cover {
    margin-top: 28px !important;
    margin-bottom: 30px;
  }

  .insight-cover img {
    max-height: 360px;
    border-radius: 12px;
  }

  .footer-main-grid,
  .footer-bottom--social {
    text-align: start;
    align-items: flex-start;
  }

  .footer-links {
    display: grid;
  }
}

@media (max-width: 480px) {
  .container {
    width: min(var(--container), calc(100% - 24px));
  }

  .brand-logo {
    height: 42px;
    max-width: 50px;
  }

  .brand-copy strong {
    font-size: 16px;
  }

  .brand-copy small {
    display: none;
  }

  .primary-nav {
    inset-inline: 8px;
    padding: 14px;
    border-radius: 18px;
  }

  .dropdown-intro p {
    display: none;
  }

  .dropdown-links {
    gap: 8px;
  }

  .dropdown-links a {
    gap: 10px;
  }

  .dropdown-copy small {
    font-size: 12px;
    line-height: 1.55;
  }

  .hero-home .hero-copy h1,
  .page-hero-copy h1,
  .contact-demo-hero h1,
  .partner-agency-hero h1,
  .about-hero h1,
  .press-hero h1,
  .insight-detail-hero h1,
  .solution-hero-deep h1,
  .section-heading h2,
  .funnel-title-wrap h2,
  .home-final-cta__box h2 {
    font-size: clamp(28px, 10vw, 36px) !important;
  }

  .eyebrow,
  .solution-tag,
  .phase-badge,
  .mini-chip,
  .status-pill {
    max-width: 100%;
    min-height: 38px;
    padding-inline: 12px;
    white-space: normal;
    text-align: center;
    line-height: 1.35;
  }

  .button {
    width: 100%;
    padding-inline: 16px;
  }

  .hero-core {
    margin-inline: -24px;
    transform: scale(.78);
  }

  .pillar-visual,
  .module-orbit-visual {
    min-height: 220px;
  }

  .floating-whatsapp {
    width: 54px;
    height: 54px;
    right: 12px;
    bottom: 12px;
  }

  body[dir="rtl"] .floating-whatsapp {
    right: auto;
    left: 12px;
  }
}

@media (max-width: 360px) {
  .container {
    width: min(var(--container), calc(100% - 20px));
  }

  .nav-shell {
    gap: 8px;
  }

  .brand-copy strong {
    font-size: 15px;
  }

  .menu-toggle {
    width: 46px;
    min-width: 46px;
  }

  .hero-core {
    transform: scale(.72);
  }

  .demo-form-heading,
  .demo-form-grid,
  .contact-info-panel,
  .agency-application-form,
  .hero-stage__shell,
  .funnel-shell,
  .enterprise-pillar-card,
  .deep-copy-card,
  .solution-command-card {
    padding: 14px;
  }
}
/* SecureSist mobile drawer height patch */
@media (max-width: 960px) {
  .primary-nav {
    top: calc(var(--header-height) + 8px) !important;
    right: 12px !important;
    bottom: auto !important;
    left: 12px !important;
    height: calc(100dvh - var(--header-height) - 20px) !important;
    max-height: calc(100dvh - var(--header-height) - 20px) !important;
    min-height: 420px;
  }

  .primary-nav.is-open {
    display: flex !important;
  }
}

@media (max-width: 480px) {
  .primary-nav {
    right: 8px !important;
    left: 8px !important;
    min-height: min(420px, calc(100dvh - var(--header-height) - 20px));
  }
}
/* SecureSist mobile touch-target patch */
@media (max-width: 720px) {
  .breadcrumbs a,
  .breadcrumbs li,
  .footer-contact-list a,
  .footer-contact-list li,
  .footer-links a,
  .press-meta a {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
  }

  .breadcrumbs ol {
    row-gap: 4px;
  }

  .footer-contact-list li {
    flex-wrap: wrap;
    column-gap: 10px;
  }

  .footer-contact-list li > a {
    padding-block: 6px;
  }
}
/* SecureSist roadmap and breadcrumb tap-area patch */
@media (max-width: 720px) {
  .breadcrumbs a {
    min-width: 48px;
    padding-inline: 6px;
    justify-content: center;
  }

  .home-roadmap-card a,
  .home-roadmap-card .button,
  .press-old-card a,
  .press-card a,
  .solution-card a,
  .partner-card a {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-block: 8px;
  }
}
/* SecureSist violet-led identity pass */
:root {
  --violet-led-primary: #7C3AED;
  --violet-led-primary-light: #6D28D9;
  --violet-led-royal: #1E3A8A;
  --violet-led-slate: #161D30;
  --violet-led-glow: 0 0 52px rgba(124, 58, 237, 0.26);
  --violet-led-soft-glow: 0 0 34px rgba(124, 58, 237, 0.16);
  --cyan-status-only: #06B6D4;
}

.button-primary,
.contact-submit,
.partner-submit,
.demo-submit,
.wp-block-button__link {
  background: linear-gradient(135deg, var(--violet-led-primary) 0%, var(--violet-led-royal) 100%) !important;
  box-shadow: 0 22px 52px rgba(124, 58, 237, 0.30) !important;
}

.button-primary:hover,
.contact-submit:hover,
.partner-submit:hover,
.demo-submit:hover,
.wp-block-button__link:hover {
  box-shadow: 0 28px 68px rgba(124, 58, 237, 0.40) !important;
}

.lang-link.is-active,
.expect-list li > span {
  background: linear-gradient(135deg, var(--violet-led-primary), var(--violet-led-royal)) !important;
}

.eyebrow,
.solution-tag,
.phase-badge,
.mini-chip {
  color: var(--brand-purple) !important;
  background: rgba(124, 58, 237, 0.10) !important;
  border-color: rgba(124, 58, 237, 0.22) !important;
}

.status-pill,
.status-dot,
.live-dot {
  color: var(--cyan-status-only) !important;
}

.hero-section::before,
.hero-home--immersive::before {
  background:
    radial-gradient(circle at 18% 12%, rgba(124, 58, 237, 0.24), transparent 28%),
    radial-gradient(circle at 84% 4%, rgba(30, 58, 138, 0.24), transparent 30%),
    radial-gradient(circle at 50% 42%, rgba(124, 58, 237, 0.10), transparent 36%) !important;
}

.hero-home--immersive::after {
  opacity: .22 !important;
  background-image:
    linear-gradient(rgba(124, 58, 237, .10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 58, 237, .10) 1px, transparent 1px) !important;
  mask-image: radial-gradient(circle at 50% 18%, black 0%, transparent 62%);
}

.hero-home--immersive .metric-ring,
body[data-theme="light"] .hero-home--immersive .metric-ring {
  background:
    radial-gradient(circle at top center, rgba(124, 58, 237, 0.13), transparent 48%),
    linear-gradient(180deg, rgba(22, 29, 48, 0.90), rgba(11, 15, 25, 0.76)) !important;
  border-color: rgba(124, 58, 237, 0.24) !important;
  box-shadow: var(--violet-led-soft-glow) !important;
}

body[data-theme="light"] .hero-home--immersive .metric-ring {
  background:
    radial-gradient(circle at top center, rgba(109, 40, 217, 0.10), transparent 45%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(241,245,249,0.96)) !important;
}

.typewriter-text {
  color: var(--brand-purple) !important;
  text-shadow: 0 0 24px rgba(124, 58, 237, .42) !important;
}

.typewriter-text::after {
  background: var(--brand-purple) !important;
  box-shadow: 0 0 16px rgba(124, 58, 237, .72) !important;
}

.typewriter-prefix {
  color: rgba(148, 163, 184, .78) !important;
}

.signal-pill {
  border-color: rgba(124, 58, 237, .28) !important;
  background: linear-gradient(135deg, rgba(22, 29, 48, .76), rgba(30, 58, 138, .38)) !important;
  box-shadow: 0 0 26px rgba(124, 58, 237, .18) !important;
}

.signal-pill::before {
  background: var(--brand-purple) !important;
  box-shadow: 0 0 12px rgba(124, 58, 237, .72) !important;
}

.signal-pill--three::before {
  background: var(--cyan-status-only) !important;
  box-shadow: 0 0 10px rgba(6, 182, 212, .36) !important;
}

.hero-stage__bg {
  background: radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.26), transparent 66%) !important;
}

.hero-stage__orb--primary {
  background: radial-gradient(circle, rgba(124, 58, 237, 0.34), transparent 72%) !important;
}

.hero-stage__orb--secondary {
  background: radial-gradient(circle, rgba(30, 58, 138, 0.30), transparent 72%) !important;
}

.hero-stage__shell {
  border-color: rgba(124, 58, 237, 0.26) !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(124, 58, 237, 0.18), transparent 30%),
    linear-gradient(180deg, rgba(11, 15, 25, 0.94), rgba(22, 29, 48, 0.92)) !important;
  box-shadow: var(--shadow-lg), var(--violet-led-soft-glow) !important;
}

body[data-theme="light"] .hero-stage__shell {
  background:
    radial-gradient(circle at 82% 12%, rgba(109, 40, 217, 0.11), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98)) !important;
}

.hero-core::before {
  border-color: rgba(124, 58, 237, 0.26) !important;
}

.hero-core::after {
  border-color: rgba(30, 58, 138, 0.30) !important;
}

.hero-core__center {
  background:
    radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.32), transparent 68%),
    linear-gradient(135deg, rgba(30, 58, 138, 0.95), rgba(124, 58, 237, 0.72)) !important;
  border-color: rgba(124, 58, 237, 0.42) !important;
  box-shadow: var(--violet-led-glow), 0 0 80px rgba(30, 58, 138, 0.24) !important;
}

.hero-core__phase,
.output-button,
.source-item,
.hero-side-card,
.metric-ring,
.kpi {
  border-color: rgba(124, 58, 237, 0.22) !important;
}

.pillar-card__icon::before,
.icon-badge::before,
.input-icon::before,
.output-icon::before,
.engine-output-icon::before,
.mockup-icon::before {
  background: linear-gradient(135deg, var(--brand-purple), var(--brand-blue)) !important;
}

.module-orbit-visual {
  background:
    radial-gradient(circle at 50% 48%, rgba(124, 58, 237, .28), transparent 20%),
    linear-gradient(145deg, #0B0F19, #161D30 56%, #24105C) !important;
  border-color: rgba(124, 58, 237, .36) !important;
  box-shadow: var(--violet-led-soft-glow) !important;
}

.orbit-ring {
  border-color: rgba(124, 58, 237, .30) !important;
}

.orbit-core {
  background: var(--brand-purple) !important;
  box-shadow: 0 0 18px rgba(124, 58, 237, .88), 0 0 58px rgba(30, 58, 138, .58) !important;
}

.orbit-node {
  background: var(--brand-purple) !important;
  border-color: rgba(248, 250, 252, .46) !important;
  box-shadow: 0 0 16px rgba(124, 58, 237, .70) !important;
}

.orbit-node:nth-of-type(6n),
.orbit-node:nth-of-type(9n) {
  background: var(--cyan-status-only) !important;
  box-shadow: 0 0 12px rgba(6, 182, 212, .38) !important;
}

.signal-trace {
  background: linear-gradient(90deg, transparent, rgba(124, 58, 237, .62), transparent) !important;
}

.graph-engine-canvas {
  background:
    linear-gradient(90deg, rgba(124, 58, 237, .10) 1px, transparent 1px),
    linear-gradient(180deg, rgba(124, 58, 237, .10) 1px, transparent 1px),
    radial-gradient(circle at center, rgba(124, 58, 237, .13), transparent 48%) !important;
}

.graph-engine-canvas .node {
  background: var(--brand-purple) !important;
  box-shadow: 0 0 28px rgba(124, 58, 237, .66) !important;
}

.graph-engine-canvas .n3 {
  background: var(--cyan-status-only) !important;
  box-shadow: 0 0 18px rgba(6, 182, 212, .34) !important;
}

.graph-engine-canvas .edge {
  background: linear-gradient(90deg, rgba(30,58,138,.16), rgba(124,58,237,.82), rgba(30,58,138,.42)) !important;
}

.threat-matrix span,
.mini-bars i,
.mock-progress span {
  background: linear-gradient(90deg, var(--brand-purple), var(--brand-blue)) !important;
  box-shadow: 0 0 18px rgba(124, 58, 237, .22) !important;
}

.footer-socials a:hover,
.nav-list > li > a:hover,
.footer-links a:hover,
.dropdown-phase {
  color: var(--brand-purple) !important;
}

body[data-theme="light"] .eyebrow,
body[data-theme="light"] .solution-tag,
body[data-theme="light"] .status-pill {
  color: var(--brand-purple) !important;
}

body[data-theme="light"] .status-pill {
  color: #0E7490 !important;
}
/* SecureSist violet hero orbit correction */
.funnel-connector {
  background: linear-gradient(90deg, rgba(30, 58, 138, 0.08), rgba(124, 58, 237, 0.58), rgba(30, 58, 138, 0.08)) !important;
}

.funnel-connector::after {
  background: linear-gradient(90deg, transparent, var(--brand-purple), transparent) !important;
}

.insight-orbit {
  border-color: rgba(124, 58, 237, 0.24) !important;
  background:
    radial-gradient(circle at center, rgba(124, 58, 237, 0.22), transparent 36%),
    radial-gradient(circle at 62% 36%, rgba(30, 58, 138, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(22, 29, 48, 0.88), rgba(11, 15, 25, 0.72)) !important;
  box-shadow: var(--shadow-lg), 0 0 42px rgba(124, 58, 237, 0.16) !important;
}

body[data-theme="light"] .insight-orbit {
  background:
    radial-gradient(circle at center, rgba(109, 40, 217, 0.14), transparent 36%),
    radial-gradient(circle at 62% 36%, rgba(30, 58, 138, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.90)) !important;
}

.insight-orbit span {
  border-color: rgba(124, 58, 237, 0.22) !important;
  box-shadow: inset 0 0 28px rgba(124, 58, 237, 0.05) !important;
}

.insight-orbit::before,
.insight-orbit::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.insight-orbit::before {
  width: 16px;
  height: 16px;
  left: 50%;
  top: 50%;
  background: var(--brand-purple);
  box-shadow: 0 0 20px rgba(124, 58, 237, 0.78), 0 0 64px rgba(124, 58, 237, 0.34);
  transform: translate(-50%, -50%);
}

.insight-orbit::after {
  width: 7px;
  height: 7px;
  right: 24%;
  top: 34%;
  background: var(--cyan-status-only);
  box-shadow: 0 0 12px rgba(6, 182, 212, 0.32);
  opacity: .74;
}
/* SecureSist desktop navbar auto-layout correction */
@media (min-width: 961px) {
  .site-header {
    overflow: visible;
  }

  .site-header .nav-shell.container,
  .site-header .container.nav-shell {
    width: min(1680px, calc(100% - 48px));
    max-width: none;
    min-height: 86px;
    grid-template-columns: auto minmax(0, 1fr);
    gap: clamp(18px, 1.6vw, 32px);
  }

  .site-header .brand {
    min-width: 0;
    width: max-content;
    max-width: 300px;
    flex: 0 0 auto;
    gap: 12px;
  }

  .site-header .brand-logo {
    height: 56px;
    max-width: 74px;
    flex: 0 0 auto;
  }

  .site-header .brand-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
  }

  .site-header .brand-copy strong,
  .site-header .brand-copy small {
    white-space: nowrap;
  }

  .site-header .brand-copy strong {
    font-size: clamp(20px, 1.45vw, 26px);
    line-height: 1;
  }

  .site-header .brand-copy small {
    font-size: clamp(9px, .72vw, 12px);
    letter-spacing: .10em;
    line-height: 1.25;
  }

  .site-header .primary-nav {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(14px, 1.3vw, 26px);
  }

  .site-header .nav-list {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: clamp(12px, 1.15vw, 24px);
  }

  .site-header .nav-list > li {
    flex: 0 0 auto;
    width: max-content;
    min-width: max-content;
  }

  .site-header .nav-list > li > a {
    width: max-content;
    min-width: max-content;
    min-height: 48px;
    padding: 0 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
    text-align: center;
    line-height: 1.15;
    font-size: clamp(14px, .86vw, 17px);
  }

  body[dir="rtl"] .site-header .nav-list > li > a {
    line-height: 1.25;
  }

  .site-header .nav-tools {
    flex: 0 0 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: clamp(10px, .9vw, 16px);
  }

  .site-header .lang-switch,
  .site-header .theme-toggle,
  .site-header .nav-tools .button {
    flex: 0 0 auto;
  }

  .site-header .lang-switch {
    min-width: 124px;
    height: 58px;
    align-items: center;
    justify-content: center;
  }

  .site-header .lang-link {
    min-width: 50px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  .site-header .theme-toggle {
    width: 76px;
    min-width: 76px;
    height: 38px;
  }

  .site-header .nav-tools .button {
    min-width: max-content;
    width: auto;
    min-height: 58px;
    padding-inline: clamp(20px, 1.35vw, 28px);
    white-space: nowrap;
    line-height: 1.1;
    text-align: center;
  }

  .site-header .nav-tools .button span {
    white-space: nowrap;
  }

  .site-header .nav-tools .button-secondary {
    min-width: 132px;
  }

  .site-header .nav-tools .button-primary {
    min-width: 174px;
  }

  body[dir="rtl"] .site-header .nav-tools .button-secondary {
    min-width: 144px;
  }

  body[dir="rtl"] .site-header .nav-tools .button-primary {
    min-width: 174px;
  }

  .site-header .dropdown-panel {
    white-space: normal;
  }
}

@media (min-width: 961px) and (max-width: 1320px) {
  .site-header .nav-shell.container,
  .site-header .container.nav-shell {
    width: min(100% - 28px, 1280px);
    gap: 14px;
  }

  .site-header .brand-logo {
    height: 50px;
    max-width: 64px;
  }

  .site-header .brand-copy strong {
    font-size: 19px;
  }

  .site-header .brand-copy small {
    display: none;
  }

  .site-header .nav-list {
    gap: 12px;
  }

  .site-header .nav-list > li > a {
    font-size: 14px;
  }

  .site-header .nav-tools {
    gap: 9px;
  }

  .site-header .lang-switch {
    min-width: 112px;
    height: 54px;
  }

  .site-header .nav-tools .button {
    min-height: 54px;
    padding-inline: 18px;
  }
}

@media (min-width: 961px) and (max-width: 1120px) {
  .site-header .nav-shell.container,
  .site-header .container.nav-shell {
    width: min(100% - 22px, 1100px);
  }

  .site-header .brand {
    max-width: 170px;
  }

  .site-header .brand-copy strong {
    font-size: 17px;
  }

  .site-header .nav-list {
    gap: 9px;
  }

  .site-header .nav-list > li > a {
    font-size: 13px;
    min-height: 44px;
  }

  .site-header .nav-tools .button-secondary {
    min-width: 112px;
  }

  .site-header .nav-tools .button-primary {
    min-width: 148px;
  }
}

/* SecureSist mobile drawer clipping correction */
@media (max-width: 960px) {
  .site-header,
  body.nav-open .site-header {
    overflow: visible !important;
    z-index: 1200;
  }

  .site-header .primary-nav {
    z-index: 1201 !important;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .22);
  }

  .site-header .primary-nav.is-open {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
}

/* SecureSist hero animation and palette consistency pass v2.7.2 */
.page-shell > .hero-section,
.page-shell > .about-hero,
.page-shell > .partner-agency-hero,
.page-shell > .press-hero,
.page-shell > .contact-demo-hero,
.page-solution--deep .solution-hero-deep {
  position: relative;
  overflow: hidden;
}

.page-shell > .hero-section::after,
.page-shell > .about-hero::after,
.page-shell > .partner-agency-hero::after,
.page-shell > .press-hero::after,
.page-shell > .contact-demo-hero::after,
.page-solution--deep .solution-hero-deep::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image:
    linear-gradient(rgba(124, 58, 237, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 58, 237, .12) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: radial-gradient(circle at 72% 28%, #000 0%, transparent 64%);
}

html[data-theme="dark"] .page-shell > .hero-section,
body[data-theme="dark"] .page-shell > .hero-section,
html[data-theme="dark"] .page-solution--deep .solution-hero-deep,
body[data-theme="dark"] .page-solution--deep .solution-hero-deep {
  background:
    radial-gradient(circle at 17% 18%, rgba(124,58,237,.28), transparent 32%),
    radial-gradient(circle at 86% 20%, rgba(30,58,138,.32), transparent 34%),
    linear-gradient(135deg, #0B0F19 0%, #111827 54%, #161D30 100%) !important;
}

html[data-theme="light"] .page-shell > .hero-section,
body[data-theme="light"] .page-shell > .hero-section,
html[data-theme="light"] .page-solution--deep .solution-hero-deep,
body[data-theme="light"] .page-solution--deep .solution-hero-deep {
  background:
    radial-gradient(circle at 14% 18%, rgba(109,40,217,.16), transparent 30%),
    radial-gradient(circle at 88% 20%, rgba(30,58,138,.10), transparent 34%),
    linear-gradient(135deg, #F8FAFC 0%, #EEF2FF 55%, #E2E8F0 100%) !important;
}

.solutions-hero-slider,
.solution-hero-media-card {
  position: relative;
  isolation: isolate;
  min-height: 430px;
  border: 1px solid rgba(124, 58, 237, .24) !important;
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 30%, rgba(124,58,237,.24), transparent 36%),
    linear-gradient(145deg, rgba(11,15,25,.96), rgba(22,29,48,.94) 58%, rgba(30,58,138,.70)) !important;
  box-shadow: var(--shadow-lg), 0 0 52px rgba(124,58,237,.18) !important;
  overflow: hidden;
}

body[data-theme="light"] .solutions-hero-slider,
html[data-theme="light"] .solutions-hero-slider,
body[data-theme="light"] .solution-hero-media-card,
html[data-theme="light"] .solution-hero-media-card {
  background:
    radial-gradient(circle at 50% 30%, rgba(109,40,217,.15), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,250,252,.95) 58%, rgba(238,242,255,.92)) !important;
  color: #0F172A;
}

.solutions-slider-grid {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .38;
  background-image:
    linear-gradient(rgba(124, 58, 237, .13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 58, 237, .13) 1px, transparent 1px);
  background-size: 42px 42px;
  animation: secureGridDrift 18s linear infinite;
}

.solutions-slider-topline {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 22px 12px;
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.solutions-slider-topline span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--brand-purple);
  box-shadow: 0 0 16px rgba(124,58,237,.68);
}

.solutions-slider-topline span:nth-child(2) { background: var(--brand-primary); }
.solutions-slider-topline span:nth-child(3) { background: var(--cyan-status-only); opacity: .72; }
.solutions-slider-topline strong { margin-inline-start: auto; color: var(--text); }

.solutions-slider-orbit {
  position: absolute;
  inset: 68px 34px auto auto;
  width: min(44%, 280px);
  aspect-ratio: 1;
  border-radius: 999px;
  opacity: .92;
}

body[dir="rtl"] .solutions-slider-orbit {
  inset-inline-start: 34px;
  inset-inline-end: auto;
}

.solutions-slider-orbit .orbit-ring,
.solutions-slider-orbit .orbit-core,
.solutions-slider-orbit .orbit-node,
.solutions-slider-orbit .signal-trace {
  position: absolute;
  display: block;
}

.solutions-slider-orbit .ring-one { inset: 9%; border: 1px solid rgba(124,58,237,.28); border-radius: 999px; animation: rotate-slow 22s linear infinite; }
.solutions-slider-orbit .ring-two { inset: 25%; border: 1px dashed rgba(30,58,138,.38); border-radius: 999px; animation: rotate-slow 16s linear infinite reverse; }
.solutions-slider-orbit .orbit-core { width: 18px; height: 18px; left: 50%; top: 50%; border-radius: 999px; background: var(--brand-purple); transform: translate(-50%, -50%); box-shadow: 0 0 28px rgba(124,58,237,.9), 0 0 72px rgba(124,58,237,.36); }
.solutions-slider-orbit .orbit-node { width: 10px; height: 10px; border-radius: 999px; background: var(--brand-purple); box-shadow: 0 0 18px rgba(124,58,237,.62); }
.solutions-slider-orbit .node-one { left: 48%; top: 6%; }
.solutions-slider-orbit .node-two { right: 8%; top: 44%; background: var(--brand-primary); }
.solutions-slider-orbit .node-three { left: 13%; bottom: 18%; background: var(--cyan-status-only); }
.solutions-slider-orbit .node-four { right: 20%; bottom: 12%; }
.solutions-slider-orbit .signal-trace { left: 16%; top: 50%; width: 70%; height: 2px; border-radius: 999px; background: linear-gradient(90deg, transparent, rgba(124,58,237,.74), transparent); animation: signalSweep 3.6s ease-in-out infinite; }
.solutions-slider-orbit .trace-two { transform: rotate(62deg); animation-delay: -1.5s; }

.solutions-slider-track {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 14px;
  width: max-content;
  padding: 48px 18px 24px;
  animation: solutionSlideLoop 24s linear infinite;
}

.solutions-hero-slider:hover .solutions-slider-track {
  animation-play-state: paused;
}

.solution-slide-card {
  flex: 0 0 220px;
  min-height: 230px;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(124,58,237,.22);
  background: linear-gradient(180deg, rgba(22,29,48,.88), rgba(11,15,25,.82));
  box-shadow: 0 20px 44px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.035);
}

body[data-theme="light"] .solution-slide-card,
html[data-theme="light"] .solution-slide-card {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.90));
  box-shadow: 0 20px 44px rgba(15,23,42,.10);
}

.solution-slide-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.solution-slide-card__top span,
.solution-slide-card__top b {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  color: var(--brand-purple);
  background: rgba(124,58,237,.12);
  border: 1px solid rgba(124,58,237,.20);
}

.solution-slide-card__top b {
  color: var(--text-muted);
  background: rgba(30,58,138,.12);
  border-color: rgba(30,58,138,.20);
}

.solution-slide-card h3 {
  font-size: 19px;
  margin-bottom: 10px;
  color: var(--text);
}

.solution-slide-card p {
  min-height: 74px;
  color: var(--text-soft);
  font-size: 12px;
  line-height: 1.7;
}

.solution-slide-progress {
  height: 6px;
  margin-top: 16px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148,163,184,.16);
}

.solution-slide-progress span {
  display: block;
  height: 100%;
  width: 72%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand-purple), var(--brand-primary));
  animation: secureProgress 3.8s ease-in-out infinite;
}

.solutions-slider-caption {
  position: absolute;
  inset-inline: 22px;
  bottom: 18px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.solutions-slider-caption span {
  flex: 1 1 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(124,58,237,.10), rgba(124,58,237,.58), rgba(30,58,138,.16));
}

.solution-hero-media-card h2 {
  font-size: clamp(28px, 2.4vw, 40px);
}

.solution-hero-visual-combo {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 14px;
  align-items: stretch;
  margin-top: 20px;
}

.module-orbit-visual--compact {
  min-height: 260px;
  border-radius: 24px;
}

.solution-hero-image-panel {
  position: relative;
  min-height: 260px;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(124,58,237,.22);
  background:
    radial-gradient(circle at 48% 38%, rgba(124,58,237,.24), transparent 34%),
    linear-gradient(160deg, rgba(11,15,25,.86), rgba(22,29,48,.92));
}

body[data-theme="light"] .solution-hero-image-panel,
html[data-theme="light"] .solution-hero-image-panel {
  background: linear-gradient(160deg, rgba(255,255,255,.96), rgba(238,242,255,.90));
}

.solution-hero-image-panel img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover;
  opacity: .9;
  filter: saturate(1.08) contrast(1.04);
  transform: scale(1.04);
  animation: secureImageFloat 8s ease-in-out infinite;
}

.solution-hero-image-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(11,15,25,.08), rgba(11,15,25,.42)),
    radial-gradient(circle at 72% 24%, rgba(124,58,237,.20), transparent 34%);
  pointer-events: none;
}

.image-scan-line {
  position: absolute;
  inset-inline: 0;
  top: -20%;
  height: 34%;
  z-index: 2;
  background: linear-gradient(180deg, transparent, rgba(124,58,237,.18), transparent);
  animation: secureScan 4.8s linear infinite;
}

.command-snapshot--chips {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.command-snapshot--chips .command-snapshot__row {
  min-height: 54px;
  background: rgba(124,58,237,.08);
  border-color: rgba(124,58,237,.18);
}

html[data-theme="light"] .hero-side-card,
body[data-theme="light"] .hero-side-card,
html[data-theme="light"] .kpi,
body[data-theme="light"] .kpi,
html[data-theme="light"] .solution-card,
body[data-theme="light"] .solution-card,
html[data-theme="light"] .press-old-card,
body[data-theme="light"] .press-old-card,
html[data-theme="light"] .press-feature-card,
body[data-theme="light"] .press-feature-card,
html[data-theme="light"] .partner-card,
body[data-theme="light"] .partner-card,
html[data-theme="light"] .capability-card,
body[data-theme="light"] .capability-card,
html[data-theme="light"] .deep-copy-card,
body[data-theme="light"] .deep-copy-card,
html[data-theme="light"] .system-dashboard-mockup,
body[data-theme="light"] .system-dashboard-mockup {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
  color: #0F172A;
  border-color: rgba(109,40,217,.18) !important;
}

html[data-theme="dark"] .hero-side-card,
body[data-theme="dark"] .hero-side-card,
html[data-theme="dark"] .solution-card,
body[data-theme="dark"] .solution-card,
html[data-theme="dark"] .press-old-card,
body[data-theme="dark"] .press-old-card,
html[data-theme="dark"] .press-feature-card,
body[data-theme="dark"] .press-feature-card,
html[data-theme="dark"] .partner-card,
body[data-theme="dark"] .partner-card,
html[data-theme="dark"] .capability-card,
body[data-theme="dark"] .capability-card,
html[data-theme="dark"] .deep-copy-card,
body[data-theme="dark"] .deep-copy-card,
html[data-theme="dark"] .system-dashboard-mockup,
body[data-theme="dark"] .system-dashboard-mockup {
  background: linear-gradient(180deg, rgba(22,29,48,.94), rgba(11,15,25,.88)) !important;
  color: #F8FAFC;
  border-color: rgba(124,58,237,.24) !important;
}

@keyframes solutionSlideLoop {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-50% - 7px)); }
}

body[dir="rtl"] .solutions-slider-track {
  animation-name: solutionSlideLoopRtl;
}

@keyframes solutionSlideLoopRtl {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(50% + 7px)); }
}

@keyframes secureGridDrift {
  from { background-position: 0 0; }
  to { background-position: 84px 42px; }
}

@keyframes signalSweep {
  0%, 100% { opacity: .22; transform: translateY(0) scaleX(.78); }
  50% { opacity: 1; transform: translateY(-2px) scaleX(1); }
}

@keyframes secureProgress {
  0%, 100% { transform: translateX(-18%); opacity: .70; }
  50% { transform: translateX(18%); opacity: 1; }
}

@keyframes secureImageFloat {
  0%, 100% { transform: scale(1.04) translate3d(0,0,0); }
  50% { transform: scale(1.09) translate3d(-2%, -1.5%, 0); }
}

@keyframes secureScan {
  0% { transform: translateY(-20%); opacity: 0; }
  12% { opacity: 1; }
  85% { opacity: 1; }
  100% { transform: translateY(360%); opacity: 0; }
}

@media (max-width: 1180px) {
  .solution-hero-visual-combo {
    grid-template-columns: 1fr;
  }

  .solutions-slider-orbit {
    opacity: .44;
  }
}

@media (max-width: 720px) {
  .solutions-hero-slider,
  .solution-hero-media-card {
    min-height: 360px;
    border-radius: 22px;
  }

  .solutions-slider-track {
    padding-top: 26px;
  }

  .solution-slide-card {
    flex-basis: 190px;
    min-height: 220px;
  }

  .solutions-slider-caption {
    display: none;
  }

  .module-orbit-visual--compact,
  .solution-hero-image-panel,
  .solution-hero-image-panel img {
    min-height: 220px;
  }

  .command-snapshot--chips {
    grid-template-columns: 1fr;
  }
}


/* SecureSist visual hero final RTL and specificity correction v2.7.3 */
.solutions-hero-slider,
.solution-hero-media-card,
.solution-hero-visual-combo,
.module-orbit-visual,
.solution-hero-image-panel {
  direction: ltr;
}

body[dir="rtl"] .solutions-slider-track {
  animation-name: solutionSlideLoop;
}

.solutions-slider-track {
  left: 0;
  right: auto;
}

.solution-hero-media-card.hero-side-card {
  background:
    radial-gradient(circle at 50% 30%, rgba(124,58,237,.24), transparent 36%),
    linear-gradient(145deg, rgba(11,15,25,.96), rgba(22,29,48,.94) 58%, rgba(30,58,138,.70)) !important;
  border-color: rgba(124,58,237,.30) !important;
  box-shadow: var(--shadow-lg), 0 0 56px rgba(124,58,237,.20) !important;
}

body[data-theme="light"] .solution-hero-media-card.hero-side-card,
html[data-theme="light"] .solution-hero-media-card.hero-side-card {
  background:
    radial-gradient(circle at 50% 30%, rgba(109,40,217,.16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,250,252,.96) 58%, rgba(238,242,255,.94)) !important;
  border-color: rgba(109,40,217,.22) !important;
  box-shadow: 0 32px 90px rgba(15,23,42,.12), 0 0 42px rgba(109,40,217,.13) !important;
}

html[data-theme="dark"] .solution-hero-media-card.hero-side-card,
body[data-theme="dark"] .solution-hero-media-card.hero-side-card {
  color: #F8FAFC;
}

html[data-theme="dark"] .solution-hero-media-card.hero-side-card h2,
body[data-theme="dark"] .solution-hero-media-card.hero-side-card h2 {
  color: #F8FAFC;
}

html[data-theme="light"] .solution-hero-media-card.hero-side-card h2,
body[data-theme="light"] .solution-hero-media-card.hero-side-card h2 {
  color: #0F172A;
}


/* SecureSist requested section fixes v2.7.4 */
.solution-carousel-section {
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 24%, rgba(124,58,237,.14), transparent 30%),
    linear-gradient(180deg, rgba(11,15,25,.02), rgba(124,58,237,.035));
}

.solution-card-marquee {
  position: relative;
  margin-top: 30px;
  padding: 18px 0 26px;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(124,58,237,.20);
  background:
    radial-gradient(circle at 50% 0%, rgba(124,58,237,.18), transparent 34%),
    linear-gradient(145deg, rgba(11,15,25,.94), rgba(22,29,48,.92));
  box-shadow: var(--shadow-lg), 0 0 46px rgba(124,58,237,.16);
}

html[data-theme="light"] .solution-card-marquee,
body[data-theme="light"] .solution-card-marquee {
  background:
    radial-gradient(circle at 50% 0%, rgba(109,40,217,.12), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(238,242,255,.92));
  box-shadow: 0 30px 78px rgba(15,23,42,.10), 0 0 36px rgba(109,40,217,.12);
}

.solution-card-marquee::before,
.solution-card-marquee::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  width: min(11vw, 120px);
  pointer-events: none;
}

.solution-card-marquee::before {
  inset-inline-start: 0;
  background: linear-gradient(90deg, rgba(11,15,25,.98), transparent);
}

.solution-card-marquee::after {
  inset-inline-end: 0;
  background: linear-gradient(270deg, rgba(11,15,25,.98), transparent);
}

html[data-theme="light"] .solution-card-marquee::before,
body[data-theme="light"] .solution-card-marquee::before {
  background: linear-gradient(90deg, rgba(248,250,252,.98), transparent);
}

html[data-theme="light"] .solution-card-marquee::after,
body[data-theme="light"] .solution-card-marquee::after {
  background: linear-gradient(270deg, rgba(248,250,252,.98), transparent);
}

.solution-card-track {
  display: flex;
  align-items: stretch;
  gap: 18px;
  width: max-content;
  padding: 8px 18px;
  animation: secureSolutionCardsMarquee 34s linear infinite;
}

.solution-card-marquee:hover .solution-card-track {
  animation-play-state: paused;
}

.solution-card-track .solution-card {
  flex: 0 0 clamp(270px, 25vw, 342px);
  min-height: 390px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-color: rgba(124,58,237,.28) !important;
  background:
    radial-gradient(circle at 85% 8%, rgba(124,58,237,.20), transparent 30%),
    linear-gradient(180deg, rgba(22,29,48,.96), rgba(11,15,25,.92)) !important;
  box-shadow: 0 24px 56px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.035);
}

html[data-theme="light"] .solution-card-track .solution-card,
body[data-theme="light"] .solution-card-track .solution-card {
  background:
    radial-gradient(circle at 85% 8%, rgba(109,40,217,.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
  box-shadow: 0 24px 56px rgba(15,23,42,.10);
}

.solution-card-track .solution-card .button {
  margin-top: auto;
  width: 100%;
}

@keyframes secureSolutionCardsMarquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-50% - 9px)); }
}

body[dir="rtl"] .solution-card-marquee,
body[dir="rtl"] .solution-card-track {
  direction: ltr;
}

.partner-growth-section {
  background:
    radial-gradient(circle at 20% 20%, rgba(124,58,237,.12), transparent 28%),
    linear-gradient(180deg, rgba(11,15,25,.02), rgba(30,58,138,.035));
}

.partner-growth-shell {
  position: relative;
  align-items: center;
}

.partner-growth-shell .partner-shell__cards {
  position: relative;
  padding: 22px;
  border-radius: 30px;
  border: 1px solid rgba(124,58,237,.22);
  background:
    radial-gradient(circle at 18% 16%, rgba(124,58,237,.18), transparent 28%),
    linear-gradient(145deg, rgba(11,15,25,.94), rgba(22,29,48,.92));
  box-shadow: var(--shadow-lg), 0 0 42px rgba(124,58,237,.14);
}

html[data-theme="light"] .partner-growth-shell .partner-shell__cards,
body[data-theme="light"] .partner-growth-shell .partner-shell__cards {
  background:
    radial-gradient(circle at 18% 16%, rgba(109,40,217,.10), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(238,242,255,.92));
}

.partner-growth-shell .meta-card {
  position: relative;
  overflow: hidden;
  min-height: 118px;
  border-color: rgba(124,58,237,.22) !important;
  background: rgba(124,58,237,.09) !important;
}

.partner-growth-shell .meta-card::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 18px;
  bottom: 18px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--brand-purple), var(--brand-primary));
  box-shadow: 0 0 18px rgba(124,58,237,.45);
}

.partner-growth-shell .meta-card small {
  color: var(--brand-purple);
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.partner-growth-shell .meta-card strong {
  color: var(--text);
}

.home-press-dark-section,
.press-list-section {
  background:
    radial-gradient(circle at 20% 16%, rgba(124,58,237,.16), transparent 28%),
    linear-gradient(180deg, #0B0F19, #111827 62%, #0B0F19) !important;
  color: #F8FAFC;
}

.home-press-dark-section .section-heading h2,
.home-press-dark-section .section-heading p,
.home-press-dark-section .muted,
.press-list-section .section-heading h2,
.press-list-section .section-heading p,
.press-list-section .muted {
  color: #F8FAFC;
}

.press-card-showcase,
.press-old-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 20px;
}

.press-card-showcase .press-card,
.press-old-card {
  overflow: hidden;
  padding: 0 !important;
  border-radius: 22px !important;
  border-color: rgba(124,58,237,.26) !important;
  background:
    radial-gradient(circle at 80% 10%, rgba(124,58,237,.20), transparent 32%),
    linear-gradient(180deg, rgba(22,29,48,.96), rgba(11,15,25,.94)) !important;
  color: #F8FAFC !important;
  box-shadow: 0 24px 58px rgba(0,0,0,.24), 0 0 32px rgba(124,58,237,.10);
}

.press-card-showcase .press-card__media,
.press-old-card__image {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-bottom: 1px solid rgba(124,58,237,.20);
}

.press-card-showcase .press-card__media img,
.press-old-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform .35s ease;
}

.press-card-showcase .press-card:hover img,
.press-old-card:hover img {
  transform: scale(1.08);
}

.press-card-showcase .press-card > .solution-tag,
.press-card-showcase .press-card > h3,
.press-card-showcase .press-card > p,
.press-card-showcase .press-card > .button {
  margin-inline: 20px;
}

.press-card-showcase .press-card > .solution-tag {
  margin-top: 18px;
}

.press-card-showcase .press-card > .button,
.press-old-card .button {
  margin-bottom: 20px;
}

.press-card-showcase .press-card h3,
.press-card-showcase .press-card h3 a,
.press-old-card h3,
.press-old-card h3 a {
  color: #F8FAFC !important;
}

.press-card-showcase .press-card p,
.press-old-card p,
.press-old-card .press-meta,
.press-card-showcase .press-card .muted {
  color: #94A3B8 !important;
}

@media (max-width: 720px) {
  .solution-card-marquee {
    border-radius: 22px;
  }

  .solution-card-track .solution-card {
    flex-basis: 260px;
    min-height: 380px;
  }

  .partner-growth-shell .partner-shell__cards {
    padding: 14px;
    border-radius: 22px;
  }
}


/* SecureSist final requested live fixes v2.7.6 */
@media (max-width: 960px) {
  .site-header .menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    min-width: 52px;
    border: 1px solid var(--line);
    border-radius: 16px;
    color: var(--text);
    background: var(--surface);
    box-shadow: var(--shadow-sm);
    position: relative;
    z-index: 130;
  }

  .site-header .menu-toggle .mobile-menu-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .site-header .menu-toggle .mobile-menu-icon svg {
    width: 24px;
    height: 24px;
  }

  .site-header .menu-toggle .mobile-menu-icon--close {
    display: none;
  }

  .site-header .menu-toggle[aria-expanded="true"] .mobile-menu-icon--open {
    display: none;
  }

  .site-header .menu-toggle[aria-expanded="true"] .mobile-menu-icon--close {
    display: inline-flex;
  }

  .site-header .primary-nav {
    position: fixed !important;
    inset: calc(var(--header-height) + 12px) 14px auto 14px !important;
    display: none !important;
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    max-height: calc(100vh - var(--header-height) - 32px);
    overflow-y: auto;
    padding: 20px;
    border-radius: 24px;
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    box-shadow: var(--shadow-lg);
    z-index: 120;
  }

  .site-header .primary-nav.is-open {
    display: flex !important;
  }

  .site-header .nav-list,
  .site-header .nav-tools {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .site-header .nav-list a,
  .site-header .nav-tools .button {
    width: 100%;
    min-height: 52px;
    justify-content: center;
  }
}

.press-redesign-page .press-list-section,
.home-press-dark-section {
  background:
    radial-gradient(circle at 18% 16%, rgba(124, 58, 237, 0.24), transparent 34%),
    radial-gradient(circle at 86% 10%, rgba(30, 58, 138, 0.22), transparent 36%),
    linear-gradient(180deg, #0b0f19 0%, #10182a 100%) !important;
  color: #f8fafc !important;
}

.press-redesign-page .press-list-section .section-heading h2,
.press-redesign-page .press-list-section .section-heading p,
.press-redesign-page .press-list-section .muted,
.home-press-dark-section .section-heading h2,
.home-press-dark-section .section-heading p,
.home-press-dark-section .muted {
  color: #f8fafc !important;
}

.press-redesign-page .press-old-card,
.press-redesign-page .press-feature-card,
.home-press-dark-section .press-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: #f8fafc !important;
  border: 1px solid rgba(124, 58, 237, 0.32) !important;
  background:
    linear-gradient(145deg, rgba(22, 29, 48, 0.98), rgba(11, 15, 25, 0.96)) !important;
  box-shadow: 0 28px 80px rgba(11, 15, 25, 0.32), 0 0 0 1px rgba(124, 58, 237, 0.08) inset !important;
}

.press-redesign-page .press-feature-card {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
}

.press-redesign-page .press-old-card h3,
.press-redesign-page .press-old-card h3 a,
.press-redesign-page .press-feature-card h2,
.press-redesign-page .press-feature-card h2 a,
.home-press-dark-section .press-card h3,
.home-press-dark-section .press-card h3 a {
  color: #f8fafc !important;
}

.press-redesign-page .press-old-card p,
.press-redesign-page .press-feature-card p,
.home-press-dark-section .press-card p {
  color: #b8c2d8 !important;
}

.press-redesign-page .press-old-card__image,
.press-redesign-page .press-feature-card__image,
.home-press-dark-section .press-card__media {
  display: block;
  overflow: hidden;
  min-height: 210px;
  background: #0b0f19;
}

.press-redesign-page .press-old-card__image img,
.press-redesign-page .press-feature-card__image img,
.home-press-dark-section .press-card__media img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.04);
  transition: transform .35s ease;
}

.press-redesign-page .press-old-card:hover img,
.press-redesign-page .press-feature-card:hover img,
.home-press-dark-section .press-card:hover img {
  transform: scale(1.04);
}

.press-redesign-page .press-old-card__body,
.press-redesign-page .press-feature-card__copy,
.home-press-dark-section .press-card > :not(.press-card__media) {
  padding: 22px;
}

.press-redesign-page .press-old-card .button,
.press-redesign-page .press-feature-card .button,
.home-press-dark-section .press-card .button {
  margin-top: auto;
  width: 100%;
  color: #f8fafc !important;
  border-color: rgba(124, 58, 237, .42) !important;
  background: rgba(124, 58, 237, .16) !important;
}

@media (max-width: 760px) {
  .press-redesign-page .press-feature-card {
    grid-template-columns: 1fr;
  }

  .press-redesign-page .press-old-card__image,
  .press-redesign-page .press-feature-card__image,
  .home-press-dark-section .press-card__media {
    min-height: 180px;
  }
}


/* SecureSist WhatsApp icon cleanup v2.7.8 */
.floating-whatsapp,
body .floating-whatsapp {
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 2147483647 !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  background-color: #25D366 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16.04 3C8.88 3 3.06 8.82 3.06 15.98c0 2.29.6 4.53 1.74 6.5L3 29l6.68-1.75a12.9 12.9 0 0 0 6.36 1.62h.01c7.16 0 12.98-5.82 12.98-12.98C29.03 8.82 23.2 3 16.04 3Zm0 23.68h-.01a10.75 10.75 0 0 1-5.48-1.5l-.39-.23-3.96 1.04 1.06-3.86-.25-.4a10.75 10.75 0 0 1-1.65-5.75c0-5.91 4.82-10.73 10.74-10.73 2.87 0 5.56 1.12 7.58 3.15a10.66 10.66 0 0 1 3.14 7.58c0 5.92-4.82 10.7-10.78 10.7Zm5.9-8.03c-.32-.16-1.9-.94-2.2-1.05-.3-.1-.52-.16-.73.16-.22.32-.84 1.05-1.03 1.27-.19.21-.38.24-.7.08-.32-.16-1.36-.5-2.58-1.6-.95-.85-1.6-1.9-1.78-2.22-.19-.32-.02-.5.14-.66.15-.14.32-.38.49-.57.16-.19.22-.32.32-.54.11-.21.06-.4-.03-.56-.08-.16-.73-1.76-1-2.41-.26-.63-.53-.54-.73-.55h-.63c-.21 0-.56.08-.86.4-.3.32-1.13 1.1-1.13 2.68 0 1.58 1.16 3.11 1.32 3.32.16.22 2.28 3.48 5.52 4.88.77.33 1.37.53 1.84.68.77.24 1.48.21 2.04.13.62-.09 1.9-.78 2.17-1.53.27-.75.27-1.4.19-1.53-.08-.13-.3-.21-.62-.37Z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 38px 38px !important;
  border: 4px solid #fff !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .32), 0 0 0 1px rgba(37, 211, 102, .35) !important;
}

.floating-whatsapp svg,
body .floating-whatsapp svg,
.floating-whatsapp .whatsapp-icon {
  display: none !important;
}

.floating-whatsapp:hover,
body .floating-whatsapp:hover {
  transform: translateY(-3px) scale(1.04) !important;
}

@media (max-width: 760px) {
  .floating-whatsapp,
  body .floating-whatsapp {
    right: 18px !important;
    bottom: 18px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    background-size: 34px 34px !important;
  }
}


/* SecureSist mobile burger icon fix v2.7.9 */
@media (max-width: 960px) {
  .site-header .menu-toggle,
  body .site-header .menu-toggle {
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .site-header .menu-toggle span,
  body .site-header .menu-toggle span {
    margin: 0 !important;
    background: transparent !important;
  }

  .site-header .menu-toggle .mobile-menu-icon,
  body .site-header .menu-toggle .mobile-menu-icon {
    display: inline-flex !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--text) !important;
    background: transparent !important;
  }

  .site-header .menu-toggle .mobile-menu-icon svg,
  body .site-header .menu-toggle .mobile-menu-icon svg {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
  }

  .site-header .menu-toggle .mobile-menu-icon svg path,
  body .site-header .menu-toggle .mobile-menu-icon svg path {
    stroke: currentColor !important;
    stroke-width: 2.4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
  }

  .site-header .menu-toggle .mobile-menu-icon--close,
  body .site-header .menu-toggle .mobile-menu-icon--close {
    display: none !important;
  }

  .site-header .menu-toggle[aria-expanded="true"] .mobile-menu-icon--open,
  body .site-header .menu-toggle[aria-expanded="true"] .mobile-menu-icon--open {
    display: none !important;
  }

  .site-header .menu-toggle[aria-expanded="true"] .mobile-menu-icon--close,
  body .site-header .menu-toggle[aria-expanded="true"] .mobile-menu-icon--close {
    display: inline-flex !important;
  }
}


/* SecureSist Press Center identity/cards fix v2.8.0 */
.press-redesign-page {
  background: var(--bg) !important;
  color: var(--text) !important;
}

.press-redesign-page .press-hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(124, 58, 237, .18), transparent 32%),
    radial-gradient(circle at 86% 22%, rgba(30, 58, 138, .14), transparent 34%),
    linear-gradient(180deg, #f8fafc 0%, #eef3fb 100%) !important;
  color: #0f172a !important;
}

.press-redesign-page .press-heading-copy h1,
.press-redesign-page .press-heading-copy .lead,
.press-redesign-page .breadcrumbs a,
.press-redesign-page .breadcrumbs span {
  color: #0f172a !important;
}

.press-redesign-page .press-heading-copy .lead {
  color: #475569 !important;
}

.press-redesign-page .press-feature-card {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
  overflow: hidden !important;
  max-width: 1120px;
  margin: 34px auto 0;
  border: 1px solid rgba(124, 58, 237, .16) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  box-shadow: 0 28px 80px rgba(30, 58, 138, .12) !important;
}

.press-redesign-page .press-feature-card__image {
  display: block !important;
  min-height: 320px !important;
  background: #eef3fb !important;
}

.press-redesign-page .press-feature-card__image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 320px !important;
  object-fit: cover !important;
  filter: none !important;
  opacity: 1 !important;
}

.press-redesign-page .press-feature-card__copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 16px !important;
  padding: clamp(26px, 4vw, 54px) !important;
  background: #ffffff !important;
  color: #0f172a !important;
}

.press-redesign-page .press-feature-card h2,
.press-redesign-page .press-feature-card h2 a,
.press-redesign-page .press-feature-card p,
.press-redesign-page .press-feature-card .press-meta,
.press-redesign-page .press-feature-card .press-meta span {
  color: #0f172a !important;
  opacity: 1 !important;
}

.press-redesign-page .press-feature-card p,
.press-redesign-page .press-feature-card .press-meta {
  color: #475569 !important;
}

.press-redesign-page .press-feature-card .button,
.press-redesign-page .press-feature-card .button-primary {
  width: 100% !important;
  min-height: 50px !important;
  color: #ffffff !important;
  border: 1px solid rgba(124, 58, 237, .25) !important;
  background: linear-gradient(135deg, #7C3AED 0%, #1E3A8A 100%) !important;
  box-shadow: 0 18px 38px rgba(124, 58, 237, .22) !important;
  opacity: 1 !important;
}

.press-redesign-page .press-list-section {
  background:
    radial-gradient(circle at 15% 8%, rgba(124, 58, 237, .24), transparent 32%),
    radial-gradient(circle at 84% 18%, rgba(30, 58, 138, .28), transparent 34%),
    linear-gradient(180deg, #0B0F19 0%, #11172A 100%) !important;
  color: #f8fafc !important;
}

.press-redesign-page .press-list-section .section-heading h2,
.press-redesign-page .press-list-section .section-heading p {
  color: #f8fafc !important;
  opacity: 1 !important;
}

.press-redesign-page .press-list-section .section-heading p {
  color: #cbd5e1 !important;
}

.press-redesign-page .press-old-card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.press-redesign-page .press-old-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(124, 58, 237, .22) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  box-shadow: 0 24px 65px rgba(3, 7, 18, .24) !important;
  backdrop-filter: none !important;
}

.press-redesign-page .press-old-card__image {
  display: block !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #0B0F19 !important;
}

.press-redesign-page .press-old-card__image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none;
  transition: transform .3s ease !important;
}

.press-redesign-page .press-old-card:hover .press-old-card__image img {
  transform: scale(1.04) !important;
}

.press-redesign-page .press-old-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 22px !important;
  background: #ffffff !important;
  color: #0f172a !important;
}

.press-redesign-page .press-old-card .press-meta,
.press-redesign-page .press-old-card .press-meta span {
  color: #64748b !important;
  opacity: 1 !important;
}

.press-redesign-page .press-old-card h3,
.press-redesign-page .press-old-card h3 a {
  color: #0f172a !important;
  opacity: 1 !important;
}

.press-redesign-page .press-old-card p {
  color: #475569 !important;
  opacity: 1 !important;
}

.press-redesign-page .press-old-card .button,
.press-redesign-page .press-old-card .button-secondary {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: auto !important;
  color: #ffffff !important;
  border: 1px solid rgba(124, 58, 237, .28) !important;
  background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 54%, #1E3A8A 100%) !important;
  box-shadow: 0 14px 30px rgba(124, 58, 237, .18) !important;
  opacity: 1 !important;
}

.press-redesign-page .solution-tag,
.press-redesign-page .eyebrow {
  color: #7C3AED !important;
  border-color: rgba(124, 58, 237, .24) !important;
  background: rgba(124, 58, 237, .10) !important;
}

@media (max-width: 1180px) {
  .press-redesign-page .press-old-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  .press-redesign-page .press-feature-card {
    grid-template-columns: 1fr !important;
  }

  .press-redesign-page .press-old-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .press-redesign-page .press-old-card-grid {
    grid-template-columns: 1fr !important;
  }

  .press-redesign-page .press-feature-card__image,
  .press-redesign-page .press-feature-card__image img {
    min-height: 220px !important;
  }
}


/* SecureSist Press cards 3-column image-fill layout v2.8.3 */
.press-redesign-page .press-old-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(26px, 3vw, 38px) !important;
  align-items: stretch !important;
}

.press-redesign-page .press-old-card {
  position: relative !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .13) !important;
  min-height: 520px !important;
}

.press-redesign-page .press-old-card__image {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 7.8 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  background: #0b0f19 !important;
  border-radius: 8px 8px 0 0 !important;
}

.press-redesign-page .press-old-card__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11, 15, 25, .08), rgba(11, 15, 25, .18));
  pointer-events: none;
}

.press-redesign-page .press-old-card__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.03) !important;
}

.press-redesign-page .press-old-card .press-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
  order: 1;
  margin: 0 !important;
  color: #526381 !important;
  font-size: 15px !important;
}

.press-redesign-page .press-old-card .press-meta span:first-child {
  position: absolute !important;
  top: 22px !important;
  left: 24px !important;
  z-index: 3 !important;
  max-width: calc(100% - 48px) !important;
  padding: 7px 17px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: rgba(255, 255, 255, .94) !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .14) !important;
}

html[dir="rtl"] .press-redesign-page .press-old-card .press-meta span:first-child,
body[dir="rtl"] .press-redesign-page .press-old-card .press-meta span:first-child {
  left: auto !important;
  right: 24px !important;
}

.press-redesign-page .press-old-card .press-meta span:not(:first-child) {
  color: #526381 !important;
}

.press-redesign-page .press-old-card__body {
  flex: 1 1 auto !important;
  gap: 16px !important;
  padding: 26px 30px 28px !important;
  background: #ffffff !important;
}

.press-redesign-page .press-old-card h3 {
  order: 2;
  margin: 0 !important;
}

.press-redesign-page .press-old-card h3,
.press-redesign-page .press-old-card h3 a {
  color: #020817 !important;
  font-size: clamp(25px, 1.95vw, 34px) !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

.press-redesign-page .press-old-card p {
  order: 3;
  margin: 0 !important;
  color: #8290ad !important;
  font-size: clamp(17px, 1.15vw, 21px) !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.press-redesign-page .press-old-card .button,
.press-redesign-page .press-old-card .button-secondary {
  order: 4;
  align-self: flex-end !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  margin-top: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #1557ff !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  font-size: 19px !important;
  font-weight: 500 !important;
}

.press-redesign-page .press-old-card .button span::after,
.press-redesign-page .press-old-card .button-secondary span::after {
  content: " →";
  font-size: 1.15em;
  line-height: 1;
}

.press-redesign-page .press-old-card .button:hover,
.press-redesign-page .press-old-card .button-secondary:hover {
  color: #7C3AED !important;
  transform: translateX(2px) !important;
}

@media (max-width: 1120px) {
  .press-redesign-page .press-old-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .press-redesign-page .press-old-card-grid {
    grid-template-columns: 1fr !important;
  }

  .press-redesign-page .press-old-card {
    min-height: auto !important;
  }

  .press-redesign-page .press-old-card__body {
    padding: 22px !important;
  }

  .press-redesign-page .press-old-card h3,
  .press-redesign-page .press-old-card h3 a {
    font-size: 24px !important;
  }
}


/* SecureSist Press card top gap + light/dark contrast fix v2.8.4 */
.press-redesign-page .press-old-card {
  padding-top: 0 !important;
  background: #ffffff !important;
  border-top: 0 !important;
}

.press-redesign-page .press-old-card__image {
  margin-top: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  transform: translateY(-1px) !important;
}

.press-redesign-page .press-old-card__image img {
  vertical-align: top !important;
}

.press-redesign-page .press-old-card .press-meta span:first-child {
  top: 18px !important;
}

body[data-theme="dark"] .press-redesign-page .press-hero,
html[data-theme="dark"] .press-redesign-page .press-hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(124, 58, 237, .30), transparent 32%),
    radial-gradient(circle at 88% 22%, rgba(30, 58, 138, .30), transparent 34%),
    linear-gradient(180deg, #0B0F19 0%, #121A2C 100%) !important;
  color: #f8fafc !important;
}

body[data-theme="dark"] .press-redesign-page .press-heading-copy h1,
body[data-theme="dark"] .press-redesign-page .press-heading-copy .lead,
body[data-theme="dark"] .press-redesign-page .breadcrumbs a,
body[data-theme="dark"] .press-redesign-page .breadcrumbs span,
html[data-theme="dark"] .press-redesign-page .press-heading-copy h1,
html[data-theme="dark"] .press-redesign-page .press-heading-copy .lead,
html[data-theme="dark"] .press-redesign-page .breadcrumbs a,
html[data-theme="dark"] .press-redesign-page .breadcrumbs span {
  color: #f8fafc !important;
}

body[data-theme="dark"] .press-redesign-page .press-heading-copy .lead,
html[data-theme="dark"] .press-redesign-page .press-heading-copy .lead {
  color: #cbd5e1 !important;
}

body[data-theme="dark"] .press-redesign-page .press-feature-card,
html[data-theme="dark"] .press-redesign-page .press-feature-card,
body[data-theme="dark"] .press-redesign-page .press-old-card,
html[data-theme="dark"] .press-redesign-page .press-old-card {
  background: #161D30 !important;
  color: #f8fafc !important;
  border: 1px solid rgba(124, 58, 237, .22) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .32) !important;
}

body[data-theme="dark"] .press-redesign-page .press-feature-card__copy,
html[data-theme="dark"] .press-redesign-page .press-feature-card__copy,
body[data-theme="dark"] .press-redesign-page .press-old-card__body,
html[data-theme="dark"] .press-redesign-page .press-old-card__body {
  background: #161D30 !important;
  color: #f8fafc !important;
}

body[data-theme="dark"] .press-redesign-page .press-feature-card h2,
body[data-theme="dark"] .press-redesign-page .press-feature-card h2 a,
body[data-theme="dark"] .press-redesign-page .press-old-card h3,
body[data-theme="dark"] .press-redesign-page .press-old-card h3 a,
html[data-theme="dark"] .press-redesign-page .press-feature-card h2,
html[data-theme="dark"] .press-redesign-page .press-feature-card h2 a,
html[data-theme="dark"] .press-redesign-page .press-old-card h3,
html[data-theme="dark"] .press-redesign-page .press-old-card h3 a {
  color: #f8fafc !important;
}

body[data-theme="dark"] .press-redesign-page .press-feature-card p,
body[data-theme="dark"] .press-redesign-page .press-old-card p,
body[data-theme="dark"] .press-redesign-page .press-feature-card .press-meta,
body[data-theme="dark"] .press-redesign-page .press-old-card .press-meta,
body[data-theme="dark"] .press-redesign-page .press-old-card .press-meta span:not(:first-child),
html[data-theme="dark"] .press-redesign-page .press-feature-card p,
html[data-theme="dark"] .press-redesign-page .press-old-card p,
html[data-theme="dark"] .press-redesign-page .press-feature-card .press-meta,
html[data-theme="dark"] .press-redesign-page .press-old-card .press-meta,
html[data-theme="dark"] .press-redesign-page .press-old-card .press-meta span:not(:first-child) {
  color: #aebbd3 !important;
}

body[data-theme="dark"] .press-redesign-page .press-old-card .press-meta span:first-child,
html[data-theme="dark"] .press-redesign-page .press-old-card .press-meta span:first-child {
  color: #0f172a !important;
  background: rgba(255, 255, 255, .94) !important;
}

body[data-theme="dark"] .press-redesign-page .press-list-section,
html[data-theme="dark"] .press-redesign-page .press-list-section {
  background:
    radial-gradient(circle at 16% 10%, rgba(124, 58, 237, .28), transparent 30%),
    linear-gradient(180deg, #080B14 0%, #0B0F19 100%) !important;
}

body[data-theme="light"] .press-redesign-page .press-list-section,
html[data-theme="light"] .press-redesign-page .press-list-section {
  background:
    radial-gradient(circle at 12% 10%, rgba(124, 58, 237, .12), transparent 32%),
    linear-gradient(180deg, #F8FAFC 0%, #EAF0F8 100%) !important;
  color: #0f172a !important;
}

body[data-theme="light"] .press-redesign-page .press-list-section .section-heading h2,
body[data-theme="light"] .press-redesign-page .press-list-section .section-heading p,
html[data-theme="light"] .press-redesign-page .press-list-section .section-heading h2,
html[data-theme="light"] .press-redesign-page .press-list-section .section-heading p {
  color: #0f172a !important;
}

body[data-theme="light"] .press-redesign-page .press-list-section .section-heading p,
html[data-theme="light"] .press-redesign-page .press-list-section .section-heading p {
  color: #475569 !important;
}


/* SecureSist Press pagination v2.8.6 */
.press-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: clamp(38px, 5vw, 72px);
  flex-wrap: wrap;
}

.press-page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.press-page-control,
.press-page-number,
.press-page-ellipsis {
  min-width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, color .2s ease, background .2s ease, box-shadow .2s ease;
}

.press-page-control {
  min-width: 128px;
  gap: 8px;
  padding-inline: 20px;
  border: 1px solid rgba(148, 163, 184, .22);
  background: rgba(255, 255, 255, .94);
  color: #0f172a;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
}

.press-page-number {
  border: 1px solid rgba(148, 163, 184, .24);
  background: rgba(255, 255, 255, .96);
  color: #26334a;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
}

.press-page-number.is-active {
  border-color: transparent;
  color: #ffffff;
  background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 48%, #1E3A8A 100%);
  box-shadow: 0 14px 34px rgba(124, 58, 237, .34);
}

.press-page-ellipsis {
  min-width: 28px;
  color: #94a3b8;
  background: transparent;
}

.press-page-control:not(.is-disabled):hover,
.press-page-number:not(.is-active):hover {
  transform: translateY(-2px);
  border-color: rgba(124, 58, 237, .36);
  color: #7C3AED;
}

.press-page-control.is-disabled {
  pointer-events: none;
  cursor: default;
  color: #cbd5e1;
  background: rgba(248, 250, 252, .72);
  box-shadow: none;
}

body[data-theme="dark"] .press-page-control,
html[data-theme="dark"] .press-page-control,
body[data-theme="dark"] .press-page-number,
html[data-theme="dark"] .press-page-number {
  border-color: rgba(148, 163, 184, .18);
  background: rgba(22, 29, 48, .94);
  color: #f8fafc;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .24);
}

body[data-theme="dark"] .press-page-number.is-active,
html[data-theme="dark"] .press-page-number.is-active {
  color: #ffffff;
  background: linear-gradient(135deg, #A162F7 0%, #7C3AED 52%, #1E3A8A 100%);
}

body[data-theme="dark"] .press-page-control.is-disabled,
html[data-theme="dark"] .press-page-control.is-disabled {
  color: #64748b;
  background: rgba(22, 29, 48, .50);
}

@media (max-width: 560px) {
  .press-pagination {
    gap: 8px;
  }

  .press-page-control {
    min-width: 108px;
    height: 48px;
    font-size: 15px;
    padding-inline: 14px;
  }

  .press-page-number,
  .press-page-ellipsis {
    min-width: 48px;
    height: 48px;
    font-size: 16px;
  }
}


/* SecureSist final dark-mode/comment fixes v2.8.7 */
.insight-smart-sidebar {
  display: grid !important;
  gap: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.insight-sidebar-panel {
  padding: 22px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(124, 58, 237, .18) !important;
  background: #ffffff !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .08) !important;
}

.insight-sidebar-panel h3 {
  margin: 10px 0 14px !important;
  color: #0f172a !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
}

.insight-toc-list {
  display: grid;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: toc;
}

.insight-toc-list li {
  counter-increment: toc;
  margin: 0 !important;
}

.insight-toc-list a {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: #475569 !important;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1.45;
}

.insight-toc-list a::before {
  content: counter(toc, decimal-leading-zero);
  color: #7C3AED;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  padding-top: 2px;
}

.insight-toc-list .toc-level-3 a {
  padding-inline-start: 14px;
}

.related-articles-list {
  display: grid;
  gap: 10px;
}

.related-article-link {
  display: grid;
  gap: 6px;
  padding: 14px;
  border-radius: 8px;
  border: 1px solid rgba(15, 23, 42, .10);
  background: rgba(248, 250, 252, .86);
  text-decoration: none !important;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.related-article-link span {
  color: #7C3AED;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.related-article-link strong {
  color: #0f172a;
  font-size: 14px;
  line-height: 1.35;
}

.related-article-link:hover {
  transform: translateY(-2px);
  border-color: rgba(124, 58, 237, .32);
}

.insight-cta-panel .button {
  width: 100%;
}

body[data-theme="dark"] .insight-body-section,
html[data-theme="dark"] .insight-body-section {
  background:
    radial-gradient(circle at 84% 8%, rgba(124, 58, 237, .14), transparent 32%),
    linear-gradient(180deg, #0B0F19 0%, #101827 100%) !important;
  color: #f8fafc !important;
}

body[data-theme="dark"] .insight-content,
html[data-theme="dark"] .insight-content,
body[data-theme="dark"] .insight-content h1,
body[data-theme="dark"] .insight-content h2,
body[data-theme="dark"] .insight-content h3,
body[data-theme="dark"] .insight-content h4,
html[data-theme="dark"] .insight-content h1,
html[data-theme="dark"] .insight-content h2,
html[data-theme="dark"] .insight-content h3,
html[data-theme="dark"] .insight-content h4 {
  color: #f8fafc !important;
}

body[data-theme="dark"] .insight-content p,
body[data-theme="dark"] .insight-content li,
html[data-theme="dark"] .insight-content p,
html[data-theme="dark"] .insight-content li {
  color: #cbd5e1 !important;
}

body[data-theme="dark"] .insight-sidebar-panel,
html[data-theme="dark"] .insight-sidebar-panel {
  border-color: rgba(124, 58, 237, .28) !important;
  background: #161D30 !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .28) !important;
}

body[data-theme="dark"] .insight-sidebar-panel h3,
body[data-theme="dark"] .related-article-link strong,
html[data-theme="dark"] .insight-sidebar-panel h3,
html[data-theme="dark"] .related-article-link strong {
  color: #f8fafc !important;
}

body[data-theme="dark"] .insight-toc-list a,
html[data-theme="dark"] .insight-toc-list a {
  color: #cbd5e1 !important;
}

body[data-theme="dark"] .related-article-link,
html[data-theme="dark"] .related-article-link {
  border-color: rgba(148, 163, 184, .14);
  background: rgba(11, 15, 25, .72);
}

body[data-theme="dark"] .contact-demo-hero,
html[data-theme="dark"] .contact-demo-hero {
  background:
    radial-gradient(circle at 48% 16%, rgba(124,58,237,.22), transparent 34%),
    radial-gradient(circle at 86% 22%, rgba(30,58,138,.20), transparent 32%),
    linear-gradient(180deg, #0B0F19 0%, #121A2C 100%) !important;
  color: #f8fafc !important;
}

body[data-theme="dark"] .contact-demo-hero h1,
body[data-theme="dark"] .contact-demo-hero .lead,
html[data-theme="dark"] .contact-demo-hero h1,
html[data-theme="dark"] .contact-demo-hero .lead {
  color: #f8fafc !important;
}

body[data-theme="dark"] .contact-demo-hero .lead,
html[data-theme="dark"] .contact-demo-hero .lead {
  color: #cbd5e1 !important;
}

body[data-theme="dark"] .contact-demo-section,
html[data-theme="dark"] .contact-demo-section {
  background: #0B0F19 !important;
  color: #f8fafc !important;
}

body[data-theme="dark"] .demo-request-form,
body[data-theme="dark"] .contact-info-panel,
body[data-theme="dark"] .contact-trust-strip,
html[data-theme="dark"] .demo-request-form,
html[data-theme="dark"] .contact-info-panel,
html[data-theme="dark"] .contact-trust-strip {
  border-color: rgba(124, 58, 237, .22) !important;
  background: #161D30 !important;
  color: #f8fafc !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .28) !important;
}

body[data-theme="dark"] .contact-info-panel h2,
body[data-theme="dark"] .contact-info-panel h3,
body[data-theme="dark"] .demo-request-form h2,
body[data-theme="dark"] .demo-request-form label,
body[data-theme="dark"] .contact-trust-strip h3,
html[data-theme="dark"] .contact-info-panel h2,
html[data-theme="dark"] .contact-info-panel h3,
html[data-theme="dark"] .demo-request-form h2,
html[data-theme="dark"] .demo-request-form label,
html[data-theme="dark"] .contact-trust-strip h3 {
  color: #f8fafc !important;
}

body[data-theme="dark"] .demo-request-form input,
body[data-theme="dark"] .demo-request-form select,
body[data-theme="dark"] .demo-request-form textarea,
html[data-theme="dark"] .demo-request-form input,
html[data-theme="dark"] .demo-request-form select,
html[data-theme="dark"] .demo-request-form textarea {
  border-color: rgba(148, 163, 184, .22) !important;
  background: rgba(11, 15, 25, .72) !important;
  color: #f8fafc !important;
}

body[data-theme="dark"] .demo-request-form input::placeholder,
body[data-theme="dark"] .demo-request-form textarea::placeholder,
html[data-theme="dark"] .demo-request-form input::placeholder,
html[data-theme="dark"] .demo-request-form textarea::placeholder {
  color: #94a3b8 !important;
}

@media (max-width: 980px) {
  .insight-smart-sidebar {
    grid-template-columns: 1fr;
  }
}