:root {
  --mk-font-display: "Manrope", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mk-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mk-void: #060712;
  --mk-deep: #0b1020;
  --mk-raised: #11182d;
  --mk-raised-strong: #161f39;
  --mk-text: #f7f8ff;
  --mk-muted: #b6c0d8;
  --mk-subtle: #7f8aa6;
  --mk-border: rgba(175, 192, 255, 0.14);
  --mk-border-strong: rgba(175, 192, 255, 0.25);
  --mk-violet: #8b8cff;
  --mk-cyan: #60d8ff;
  --mk-green: #5cde9a;
  --mk-amber: #ffbf66;
  --mk-red: #ff6b7b;
  --mk-content: 1200px;
  --mk-space-1: 0.25rem;
  --mk-space-2: 0.5rem;
  --mk-space-3: 0.75rem;
  --mk-space-4: 1rem;
  --mk-space-5: 1.5rem;
  --mk-space-6: 2rem;
  --mk-space-7: 3rem;
  --mk-space-8: 4rem;
  --mk-type-caption: 0.75rem;
  --mk-type-small: 0.875rem;
  --mk-type-body: 1rem;
  --mk-type-lead: 1.125rem;
  --mk-type-h6: 0.9375rem;
  --mk-type-h5: 1.125rem;
  --mk-type-h4: clamp(1.25rem, 1.5vw, 1.375rem);
  --mk-type-h3: clamp(1.5rem, 2.2vw, 1.875rem);
  --mk-type-h2: clamp(2.25rem, 4vw, 3.25rem);
  --mk-type-h1: clamp(3rem, 5.4vw, 4.5rem);
  color-scheme: dark;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body.marketing-body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(80rem 40rem at 50% -18rem, rgba(87, 102, 255, 0.20), transparent 62%),
    var(--mk-void);
  color: var(--mk-text);
  font-family: var(--mk-font-body);
  font-size: var(--mk-type-body);
  font-weight: 400;
  line-height: 1.625;
}

body.marketing-body::selection { background: rgba(139, 140, 255, 0.42); color: #fff; }

a { color: inherit; }

/*
  Marketing typography: Manrope gives titles a composed, modern character;
  Inter keeps dense product copy and UI labels exceptionally legible. The scale
  uses a compact 8-point rhythm, restrained tracking, and no display weights
  below 600 so the dark interface never feels faint or decorative.
*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  color: var(--mk-text);
  font-family: var(--mk-font-display);
  font-weight: 700;
}

h1 { font-size: var(--mk-type-h1); font-weight: 800; letter-spacing: -0.06em; line-height: 1; }
h2 { font-size: var(--mk-type-h2); font-weight: 800; letter-spacing: -0.052em; line-height: 1.08; }
h3 { font-size: var(--mk-type-h3); letter-spacing: -0.04em; line-height: 1.18; }
h4 { font-size: var(--mk-type-h4); letter-spacing: -0.025em; line-height: 1.3; }
h5 { font-size: var(--mk-type-h5); letter-spacing: -0.018em; line-height: 1.35; }
h6 { font-size: var(--mk-type-h6); letter-spacing: -0.01em; line-height: 1.45; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }

.type-subheader,
.type-eyebrow {
  color: #bec4ff;
  font-family: var(--mk-font-body);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.35;
  text-transform: uppercase;
}

.type-lead { color: var(--mk-muted); font-size: var(--mk-type-lead); line-height: 1.65; }
.type-body { color: var(--mk-muted); font-size: var(--mk-type-body); line-height: 1.625; }
.type-small { color: var(--mk-muted); font-size: var(--mk-type-small); line-height: 1.5; }
.type-caption { color: var(--mk-subtle); font-size: var(--mk-type-caption); font-weight: 600; letter-spacing: 0.02em; line-height: 1.4; }

button, input, textarea, select { font: inherit; }

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: fixed;
  z-index: 100;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background: #fff;
  color: #070b18;
  font-weight: 700;
  text-decoration: none;
  transform: translateY(-160%);
  transition: transform 0.2s ease;
}

.skip-link:focus { transform: translateY(0); }

.marketing-shell { position: relative; overflow: clip; }

.site-header {
  position: sticky;
  z-index: 30;
  top: 0;
  border-bottom: 1px solid rgba(175, 192, 255, 0.08);
  background: rgba(6, 7, 18, 0.72);
  backdrop-filter: blur(18px) saturate(135%);
}

.site-header-inner {
  display: flex;
  align-items: center;
  width: min(var(--mk-content), calc(100% - 3rem));
  min-height: 4.75rem;
  margin: 0 auto;
  gap: 1.8rem;
}

.site-logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 0.65rem;
  color: var(--mk-text);
  font-family: var(--mk-font-display);
  font-size: 1.03rem;
  font-weight: 800;
  letter-spacing: -0.035em;
  text-decoration: none;
}

.site-logo-mark {
  position: relative;
  display: inline-grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: radial-gradient(circle at 63% 42%, #11172a 0 39%, #020308 40% 100%);
  box-shadow: 0 0 0 1px rgba(225, 230, 255, 0.22), 0 0 17px rgba(96, 216, 255, 0.28);
}

.site-logo-mark::before {
  position: absolute;
  width: 1.95rem;
  height: 0.42rem;
  border: 1px solid rgba(96, 216, 255, 0.78);
  border-radius: 50%;
  content: "";
  transform: rotate(-22deg);
}

.site-logo-mark span {
  position: absolute;
  inset: 0.18rem 0.12rem;
  border: 1px solid rgba(139, 140, 255, 0.48);
  border-radius: 50%;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-right: auto;
}

.site-nav-link,
.product-menu summary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2.5rem;
  padding: 0.45rem 0.7rem;
  border-radius: 0.5rem;
  color: var(--mk-muted);
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease;
}

.site-nav-link:hover,
.product-menu summary:hover,
.product-menu[open] summary {
  background: rgba(175, 192, 255, 0.08);
  color: #fff;
}

.product-menu { position: relative; }

.product-menu summary { list-style: none; cursor: pointer; }
.product-menu summary::-webkit-details-marker { display: none; }
.product-menu summary i { font-size: 0.64rem; transition: transform 0.18s ease; }
.product-menu[open] summary i { transform: rotate(180deg); }

.product-menu-panel {
  position: absolute;
  top: calc(100% + 0.7rem);
  left: 0;
  display: grid;
  width: 21rem;
  padding: 0.55rem;
  border: 1px solid var(--mk-border-strong);
  border-radius: 0.9rem;
  background: rgba(13, 18, 35, 0.98);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.35);
}

.product-menu-panel::before {
  position: absolute;
  top: -0.36rem;
  left: 1.5rem;
  width: 0.62rem;
  height: 0.62rem;
  border-top: 1px solid var(--mk-border-strong);
  border-left: 1px solid var(--mk-border-strong);
  background: rgba(13, 18, 35, 0.98);
  content: "";
  transform: rotate(45deg);
}

.product-menu-panel a {
  position: relative;
  display: grid;
  gap: 0.08rem;
  padding: 0.78rem 0.85rem;
  border-radius: 0.6rem;
  color: var(--mk-muted);
  text-decoration: none;
}

.product-menu-panel a:hover { background: rgba(139, 140, 255, 0.11); color: var(--mk-text); }
.product-menu-panel strong { color: var(--mk-text); font-size: 0.84rem; }
.product-menu-panel span { font-size: 0.75rem; line-height: 1.45; }
.product-menu-panel .product-menu-footer { display: flex; align-items: center; justify-content: space-between; min-height: 2.9rem; margin-top: 0.35rem; padding: 0.68rem 0.85rem; border-top: 1px solid rgba(175, 192, 255, 0.14); border-radius: 0.45rem; color: #c9ccff; font-size: 0.78rem; font-weight: 800; }.product-menu-panel .product-menu-footer:hover { background: rgba(96, 216, 255, 0.08); color: #fff; }.product-menu-footer i { color: var(--mk-cyan); font-size: 0.82rem; }

.site-actions { display: flex; align-items: center; gap: 0.85rem; }

.site-login {
  color: var(--mk-muted);
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.18s ease;
}

.site-login:hover { color: #fff; }

.nav-toggle {
  display: none;
  width: 2.7rem;
  height: 2.7rem;
  padding: 0;
  border: 1px solid var(--mk-border);
  border-radius: 0.6rem;
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  cursor: pointer;
}

.nav-toggle span:not(.visually-hidden) {
  display: block;
  width: 1.05rem;
  height: 1px;
  margin: 0.22rem auto;
  background: currentColor;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 3.15rem;
  padding: 0.8rem 1.2rem;
  border: 1px solid transparent;
  border-radius: 0.65rem;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.button:hover { transform: translateY(-1px); }

.button-primary {
  border-color: rgba(174, 184, 255, 0.58);
  background: linear-gradient(135deg, #787cf4, #9a8bff);
  box-shadow: 0 0.8rem 2.4rem rgba(104, 102, 246, 0.27);
  color: #fff;
}

.button-primary:hover { border-color: rgba(217, 222, 255, 0.85); box-shadow: 0 0.9rem 2.8rem rgba(104, 102, 246, 0.38); }

.button-secondary {
  border-color: var(--mk-border-strong);
  background: rgba(255, 255, 255, 0.025);
  color: var(--mk-text);
}

.button-secondary:hover { border-color: rgba(175, 192, 255, 0.48); background: rgba(175, 192, 255, 0.09); }

.button-small { min-height: 2.55rem; padding: 0.65rem 0.9rem; border-radius: 0.55rem; font-size: 0.82rem; }

.button:focus-visible,
.site-nav-link:focus-visible,
.site-login:focus-visible,
.site-logo:focus-visible,
.product-menu summary:focus-visible,
.nav-toggle:focus-visible,
.site-footer a:focus-visible,
summary:focus-visible {
  outline: 3px solid rgba(96, 216, 255, 0.8);
  outline-offset: 3px;
}

.marketing-main { min-height: 60vh; }

.marketing-home { position: relative; }

.marketing-home::before {
  position: absolute;
  z-index: -1;
  top: 10rem;
  left: 50%;
  width: min(100rem, 120vw);
  height: 70rem;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(73, 97, 205, 0.1), transparent 67%);
  content: "";
  transform: translateX(-50%);
  pointer-events: none;
}

.mk-container { width: min(var(--mk-content), calc(100% - 3rem)); margin: 0 auto; }

.hero-section { padding: clamp(4.25rem, 8vw, 7.6rem) 0 5.5rem; }

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(29rem, 1.06fr);
  align-items: center;
  gap: clamp(2.5rem, 5vw, 5rem);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 1.1rem;
  color: #bec4ff;
  font-size: 0.73rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.3;
  text-transform: uppercase;
}

.eyebrow::before { width: 1.7rem; height: 1px; background: currentColor; content: ""; opacity: 0.7; }

.hero-title {
  max-width: 10.8ch;
  margin: 0;
  color: var(--mk-text);
  font-size: var(--mk-type-h1);
  font-weight: 800;
  letter-spacing: -0.065em;
  line-height: 0.99;
}

.hero-title em {
  font-style: normal;
  background: linear-gradient(100deg, #c7c9ff 5%, #72dcff 94%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero-title-platform { max-width: none; font-size: clamp(2.75rem, 4.65vw, 4rem); }
.hero-title-platform > span,
.hero-title-platform > em { display: block; }

.hero-copy {
  max-width: 34rem;
  margin: 1.55rem 0 0;
  color: var(--mk-muted);
  font-size: 1.08rem;
  line-height: 1.72;
}

.hero-actions { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 2.15rem; }

.trust-line {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 1rem;
  margin: 1.25rem 0 0;
  color: var(--mk-subtle);
  font-size: 0.79rem;
  font-weight: 500;
}

.trust-line span { display: inline-flex; align-items: center; gap: 0.45rem; }
.trust-line i { color: var(--mk-cyan); font-size: 0.72rem; }

.hero-visual {
  position: relative;
  min-height: 31rem;
  isolation: isolate;
}

.hero-visual::after {
  position: absolute;
  z-index: -2;
  top: 1.4rem;
  right: -8rem;
  width: 31rem;
  height: 31rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(96, 216, 255, 0.13), rgba(139, 140, 255, 0.09) 33%, transparent 68%);
  content: "";
  filter: blur(4px);
}

.eclipse-orbit {
  position: absolute;
  z-index: -1;
  top: 0.1rem;
  right: 4.5rem;
  width: 21rem;
  height: 21rem;
  border: 1px solid rgba(139, 140, 255, 0.2);
  border-radius: 50%;
  transform: rotate(-18deg);
}

.eclipse-orbit::before,
.eclipse-orbit::after {
  position: absolute;
  border: 1px solid rgba(96, 216, 255, 0.18);
  border-radius: 50%;
  content: "";
}

.eclipse-orbit::before { inset: 1.45rem; }
.eclipse-orbit::after { top: 47%; right: -3.5rem; width: 25rem; height: 4.3rem; transform: rotate(18deg); }

.eclipse-disc {
  position: absolute;
  z-index: 1;
  top: 3.3rem;
  right: 10.7rem;
  width: 11.2rem;
  height: 11.2rem;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, #151b2e 0, #05060d 56%, #010104 100%);
  box-shadow: 0 0 0 2px rgba(167, 175, 255, 0.13), 0 0 2.3rem 0.35rem rgba(107, 116, 255, 0.23), 0 0 4.2rem 1.1rem rgba(96, 216, 255, 0.1);
}

.eclipse-disc::after {
  position: absolute;
  inset: -0.55rem;
  border: 1px solid rgba(96, 216, 255, 0.28);
  border-radius: 50%;
  content: "";
  opacity: 0.45;
}

.dashboard-preview {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(34rem, 100%);
  overflow: hidden;
  border: 1px solid rgba(187, 201, 255, 0.22);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(23, 32, 58, 0.95), rgba(10, 14, 29, 0.98));
  box-shadow: 0 2.5rem 5rem rgba(0, 0, 0, 0.38), 0 0 3rem rgba(104, 104, 255, 0.13);
  transform: perspective(80rem) rotateY(-4deg) rotateX(2deg);
}

.dashboard-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3.1rem;
  padding: 0.7rem 0.95rem;
  border-bottom: 1px solid rgba(175, 192, 255, 0.12);
  color: var(--mk-muted);
  font-size: 0.7rem;
}

.dashboard-topbar strong { color: var(--mk-text); font-size: 0.76rem; }
.dashboard-dots { display: flex; gap: 0.28rem; }
.dashboard-dots span { width: 0.38rem; height: 0.38rem; border-radius: 50%; background: rgba(182, 192, 216, 0.35); }

.dashboard-body { display: grid; grid-template-columns: 6.2rem 1fr; min-height: 17.5rem; }
.dashboard-rail { padding: 1rem 0.65rem; border-right: 1px solid rgba(175, 192, 255, 0.1); }
.dashboard-rail span { display: block; height: 0.42rem; margin-bottom: 0.82rem; border-radius: 1rem; background: rgba(182, 192, 216, 0.16); }
.dashboard-rail span:nth-child(1) { width: 76%; background: rgba(139, 140, 255, 0.5); }
.dashboard-rail span:nth-child(2) { width: 60%; }
.dashboard-rail span:nth-child(3) { width: 86%; }
.dashboard-rail span:nth-child(4) { width: 54%; }

.dashboard-content { padding: 1rem; }
.sample-label { display: inline-flex; align-items: center; gap: 0.35rem; color: #aab7d6; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.sample-label::before { width: 0.38rem; height: 0.38rem; border-radius: 50%; background: var(--mk-cyan); content: ""; box-shadow: 0 0 0.6rem var(--mk-cyan); }

.dashboard-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-top: 0.4rem; }
.dashboard-heading h2 { margin: 0; color: #f5f7ff; font-size: 1rem; letter-spacing: -0.03em; }
.dashboard-heading span { color: var(--mk-subtle); font-size: 0.62rem; }

.dashboard-summary { display: grid; grid-template-columns: 1.25fr 0.9fr; gap: 0.65rem; margin-top: 0.9rem; }
.summary-chart,
.summary-stat,
.signal-card { border: 1px solid rgba(175, 192, 255, 0.11); border-radius: 0.6rem; background: rgba(255, 255, 255, 0.025); }
.summary-chart { position: relative; min-height: 5.9rem; padding: 0.65rem; overflow: hidden; }
.summary-chart span { color: var(--mk-subtle); font-size: 0.57rem; }
.summary-chart svg { position: absolute; right: 0.35rem; bottom: 0.4rem; left: 0.35rem; width: calc(100% - 0.7rem); height: 3.7rem; }
.summary-stat { display: grid; align-content: center; gap: 0.25rem; padding: 0.7rem; }
.summary-stat span { color: var(--mk-subtle); font-size: 0.58rem; }
.summary-stat strong { color: #e9ecff; font-size: 0.92rem; letter-spacing: -0.03em; }
.summary-stat em { color: var(--mk-green); font-size: 0.58rem; font-style: normal; }

.signal-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.55rem; margin-top: 0.68rem; padding: 0.62rem; }
.signal-dot { width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--mk-amber); box-shadow: 0 0 0.5rem rgba(255, 191, 102, 0.55); }
.signal-copy strong { display: block; color: #e8edff; font-size: 0.63rem; line-height: 1.3; }
.signal-copy span { display: block; color: var(--mk-subtle); font-size: 0.55rem; }
.signal-card > span:last-child { color: var(--mk-cyan); font-size: 0.58rem; font-weight: 700; }

.trust-strip-wrap { padding: 0 0 1rem; }
.trust-strip { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--mk-border); border-bottom: 1px solid var(--mk-border); }
.trust-strip div { display: flex; align-items: center; justify-content: center; min-height: 5rem; padding: 1rem; color: var(--mk-muted); font-size: 0.84rem; font-weight: 600; text-align: center; }
.trust-strip div + div { border-left: 1px solid var(--mk-border); }
.trust-strip i { margin-right: 0.55rem; color: var(--mk-cyan); font-size: 0.95rem; }

.section { padding: clamp(5rem, 9vw, 8.5rem) 0; }
.section-tight { padding-top: 4rem; padding-bottom: 4rem; }
.section-header { max-width: 44rem; }
.section-header.centered { margin-right: auto; margin-left: auto; text-align: center; }
.section-header.centered .eyebrow { justify-content: center; }

.section-title {
  max-width: 18ch;
  margin: 0;
  color: var(--mk-text);
  font-size: var(--mk-type-h2);
  font-weight: 800;
  letter-spacing: -0.055em;
  line-height: 1.06;
}

.section-header.centered .section-title { margin-right: auto; margin-left: auto; }

.section-copy { max-width: 41rem; margin: 1.1rem 0 0; color: var(--mk-muted); font-size: 1rem; line-height: 1.72; }
.section-header.centered .section-copy { margin-right: auto; margin-left: auto; }

.outcomes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 3rem; }
.outcome-card { min-height: 17.2rem; padding: 1.55rem; border: 1px solid var(--mk-border); border-radius: 1rem; background: linear-gradient(145deg, rgba(17, 24, 45, 0.74), rgba(10, 14, 28, 0.7)); }
.outcome-icon { display: grid; width: 2.6rem; height: 2.6rem; place-items: center; margin-bottom: 2.7rem; border: 1px solid rgba(96, 216, 255, 0.28); border-radius: 0.7rem; background: rgba(96, 216, 255, 0.08); color: var(--mk-cyan); font-size: 1.05rem; }
.outcome-card:nth-child(2) .outcome-icon { border-color: rgba(139, 140, 255, 0.32); background: rgba(139, 140, 255, 0.1); color: #b8b4ff; }
.outcome-card:nth-child(3) .outcome-icon { border-color: rgba(92, 222, 154, 0.27); background: rgba(92, 222, 154, 0.08); color: var(--mk-green); }
.outcome-card h3 { margin: 0; color: var(--mk-text); font-size: 1.15rem; letter-spacing: -0.035em; }
.outcome-card p { margin: 0.72rem 0 0; color: var(--mk-muted); font-size: 0.9rem; line-height: 1.65; }
.outcome-card-link { display: flex; flex-direction: column; color: inherit; text-decoration: none; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }
.outcome-card-link:hover { border-color: rgba(175, 192, 255, 0.42); box-shadow: 0 1.3rem 2.7rem rgba(0, 0, 0, 0.2); transform: translateY(-3px); }
.outcome-card-link:focus-visible { outline: 3px solid rgba(96, 216, 255, 0.82); outline-offset: 3px; }
.outcome-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.outcome-card-link .outcome-icon { margin-bottom: 0; }
.outcome-index { color: rgba(194, 203, 239, 0.42); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.1em; }
.outcome-card-link h3 { margin-top: 2.7rem; }
.outcome-link { display: inline-flex; align-items: center; gap: 0.4rem; margin-top: auto; padding-top: 1.3rem; color: #cbd0ff; font-size: 0.74rem; font-weight: 800; }
.outcome-card-link:hover .outcome-link { color: #fff; }

.reporting-section { position: relative; border-top: 1px solid rgba(175, 192, 255, 0.07); border-bottom: 1px solid rgba(175, 192, 255, 0.07); background: rgba(10, 14, 28, 0.42); }

.product-pillar-section { position: relative; scroll-margin-top: 5.4rem; border-top: 1px solid rgba(175, 192, 255, 0.08); overflow: hidden; }
.product-pillar-section-reporting { background: linear-gradient(110deg, rgba(13, 28, 52, 0.38), rgba(7, 9, 21, 0.12) 62%); }
.product-pillar-section-optimization { background: linear-gradient(250deg, rgba(36, 25, 72, 0.32), rgba(7, 9, 21, 0.1) 60%); }
.product-pillar-section-monitoring { border-bottom: 1px solid rgba(175, 192, 255, 0.08); background: linear-gradient(110deg, rgba(12, 44, 38, 0.28), rgba(7, 9, 21, 0.12) 62%); }
.product-pillar-header { display: grid; grid-template-columns: minmax(0, 0.96fr) minmax(17rem, 0.68fr); align-items: end; gap: clamp(2rem, 6vw, 6rem); }
.product-pillar-header .eyebrow { margin-bottom: 0.9rem; }
.product-pillar-header .section-copy { justify-self: end; margin: 0; }
.pillar-number { margin-right: 0.36rem; color: rgba(191, 203, 255, 0.6); }
.product-pillar-section-optimization .pillar-number { color: #bcb6ff; }
.product-pillar-section-monitoring .pillar-number { color: #82e7b4; }
.feature-pro-label { display: inline-flex; align-items: center; padding: 0.16rem 0.36rem; border: 1px solid rgba(139, 140, 255, 0.34); border-radius: 99px; background: rgba(139, 140, 255, 0.11); color: #c8c9ff; font-size: 0.56em; font-weight: 800; letter-spacing: 0.08em; line-height: 1.2; text-transform: uppercase; vertical-align: middle; }
.product-pillar-grid { display: grid; grid-template-columns: minmax(18rem, 0.82fr) minmax(0, 1fr); align-items: stretch; gap: clamp(1.5rem, 4vw, 3.4rem); margin-top: clamp(2.4rem, 5vw, 4.2rem); }
.product-pillar-grid-reverse { grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.82fr); }
.product-pillar-grid-reverse .pillar-visual { order: 2; }
.product-pillar-grid-reverse .product-pillar-content { order: 1; }
.pillar-visual { position: relative; display: grid; min-height: 22rem; overflow: hidden; border: 1px solid rgba(175, 192, 255, 0.15); border-radius: 1rem; background: rgba(5, 7, 17, 0.54); }
.pillar-visual::after { position: absolute; width: 20rem; height: 20rem; border-radius: 50%; content: ""; filter: blur(1px); pointer-events: none; }
.pillar-visual > * { position: relative; z-index: 1; }
.pillar-visual-reporting::after { top: -9rem; right: -9rem; background: radial-gradient(circle, rgba(96, 216, 255, 0.18), transparent 68%); }
.pillar-visual-optimization::after { right: -9rem; bottom: -10rem; background: radial-gradient(circle, rgba(139, 140, 255, 0.2), transparent 68%); }
.pillar-visual-monitoring::after { top: -10rem; left: -8rem; background: radial-gradient(circle, rgba(92, 222, 154, 0.17), transparent 68%); }
.pillar-visual .alert-stack, .pillar-visual .report-stack { align-self: center; width: 100%; }
.pillar-visual-optimization .report-row i { color: #bbb9ff; }
.product-pillar-content > p { max-width: 40rem; margin: 0; color: #c1c9e2; font-size: 0.96rem; line-height: 1.72; }
.pillar-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; margin-top: 1.55rem; }
.pillar-feature { display: flex; align-items: flex-start; gap: 0.7rem; min-height: 7.25rem; padding: 0.9rem; border: 1px solid rgba(175, 192, 255, 0.12); border-radius: 0.7rem; background: rgba(255, 255, 255, 0.025); }
.pillar-feature > i { display: grid; width: 1.95rem; height: 1.95rem; place-items: center; border: 1px solid rgba(96, 216, 255, 0.24); border-radius: 0.5rem; background: rgba(96, 216, 255, 0.08); color: var(--mk-cyan); font-size: 0.76rem; flex: 0 0 auto; }
.product-pillar-section-optimization .pillar-feature > i { border-color: rgba(139, 140, 255, 0.28); background: rgba(139, 140, 255, 0.1); color: #c1c0ff; }
.product-pillar-section-monitoring .pillar-feature > i { border-color: rgba(92, 222, 154, 0.25); background: rgba(92, 222, 154, 0.08); color: var(--mk-green); }
.pillar-feature h3 { margin: 0; color: #e9edff; font-size: 0.79rem; letter-spacing: -0.02em; line-height: 1.35; }
.pillar-feature p { margin: 0.34rem 0 0; color: var(--mk-muted); font-size: 0.71rem; line-height: 1.55; }
.product-pillar-content .inline-link { margin-top: 1.4rem; }

.feature-clusters { display: grid; gap: 1rem; margin-top: 3rem; }
.feature-cluster { display: grid; grid-template-columns: minmax(0, 0.96fr) minmax(18rem, 0.8fr); align-items: stretch; gap: 2rem; min-height: 18rem; padding: clamp(1.35rem, 3vw, 2.4rem); border: 1px solid var(--mk-border); border-radius: 1.15rem; background: linear-gradient(135deg, rgba(19, 27, 50, 0.75), rgba(10, 14, 29, 0.76)); overflow: hidden; }
.feature-cluster:nth-child(even) { grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 0.96fr); }
.feature-cluster:nth-child(even) .cluster-content { order: 2; }
.feature-cluster:nth-child(even) .cluster-visual { order: 1; }
.cluster-kicker { display: inline-flex; margin-bottom: 0.7rem; color: #aeb5f5; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.cluster-kicker.pro { padding: 0.22rem 0.5rem; border: 1px solid rgba(139, 140, 255, 0.42); border-radius: 99px; background: rgba(139, 140, 255, 0.12); color: #c5c6ff; }
.cluster-content h3 { max-width: 18ch; margin: 0; color: var(--mk-text); font-size: clamp(1.35rem, 2.4vw, 1.85rem); letter-spacing: -0.045em; line-height: 1.12; }
.cluster-content > p { max-width: 36rem; margin: 0.8rem 0 0; color: var(--mk-muted); font-size: 0.92rem; line-height: 1.68; }
.capability-list { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 1.4rem 0 0; padding: 0; list-style: none; }
.capability-list li { padding: 0.36rem 0.55rem; border: 1px solid rgba(175, 192, 255, 0.14); border-radius: 99px; background: rgba(255, 255, 255, 0.025); color: #c5cde2; font-size: 0.69rem; font-weight: 600; }

.cluster-visual { position: relative; align-self: center; min-height: 13.5rem; overflow: hidden; border: 1px solid rgba(175, 192, 255, 0.1); border-radius: 0.8rem; background: rgba(5, 7, 17, 0.5); }
.mini-chart { position: absolute; inset: 1.15rem; display: flex; align-items: end; gap: 0.52rem; padding: 0 0.2rem 1.25rem; border-bottom: 1px solid rgba(175, 192, 255, 0.16); }
.mini-chart span { width: 100%; border-radius: 0.18rem 0.18rem 0 0; background: linear-gradient(180deg, #a5a6ff, #4b55c5); opacity: 0.85; }
.mini-chart span:nth-child(1) { height: 31%; }.mini-chart span:nth-child(2) { height: 48%; }.mini-chart span:nth-child(3) { height: 38%; }.mini-chart span:nth-child(4) { height: 70%; }.mini-chart span:nth-child(5) { height: 54%; }.mini-chart span:nth-child(6) { height: 83%; background: linear-gradient(180deg, #6edfff, #437bc7); }.mini-chart span:nth-child(7) { height: 61%; }
.mini-chart-label { position: absolute; top: 1rem; left: 1.1rem; color: var(--mk-subtle); font-size: 0.62rem; font-weight: 600; }

.alert-stack { display: grid; gap: 0.55rem; padding: 1.1rem; }
.alert-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.55rem; padding: 0.72rem; border: 1px solid rgba(175, 192, 255, 0.11); border-radius: 0.55rem; background: rgba(255, 255, 255, 0.025); }
.alert-row i { color: var(--mk-amber); font-size: 0.85rem; }.alert-row:nth-child(2) i { color: var(--mk-cyan); }.alert-row:nth-child(3) i { color: var(--mk-green); }
.alert-row strong { display: block; color: #e6e9f9; font-size: 0.68rem; }.alert-row span { display: block; color: var(--mk-subtle); font-size: 0.59rem; }.alert-row > em { color: #b6bef7; font-size: 0.58rem; font-style: normal; font-weight: 700; }

.report-stack { display: grid; gap: 0.6rem; padding: 1.1rem; }.report-row { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.67rem 0.72rem; border: 1px solid rgba(175, 192, 255, 0.11); border-radius: 0.55rem; background: rgba(255, 255, 255, 0.025); }.report-row span { color: #d7dcf2; font-size: 0.67rem; font-weight: 600; }.report-row i { color: var(--mk-cyan); font-size: 0.72rem; }

.pmax-orbit { position: absolute; top: 50%; left: 50%; width: 10rem; height: 10rem; border: 1px solid rgba(139, 140, 255, 0.38); border-radius: 50%; transform: translate(-50%, -50%); }.pmax-orbit::before, .pmax-orbit::after { position: absolute; border: 1px solid rgba(96, 216, 255, 0.33); border-radius: 50%; content: ""; }.pmax-orbit::before { inset: 1.3rem; }.pmax-orbit::after { top: 44%; left: -3rem; width: 16rem; height: 3.6rem; }.pmax-core { position: absolute; top: 50%; left: 50%; display: grid; width: 3.8rem; height: 3.8rem; place-items: center; border-radius: 50%; background: #05060d; box-shadow: 0 0 1.8rem rgba(96, 216, 255, 0.3); color: #ced3ff; font-size: 0.67rem; font-weight: 800; transform: translate(-50%, -50%); }

.agency-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr); gap: 4rem; align-items: center; }
.agency-panel { position: relative; padding: 1.4rem; border: 1px solid var(--mk-border); border-radius: 1rem; background: linear-gradient(145deg, rgba(19, 27, 50, 0.74), rgba(10, 14, 29, 0.86)); }.agency-panel::after { position: absolute; top: -20%; right: -12%; width: 17rem; height: 17rem; border-radius: 50%; background: radial-gradient(circle, rgba(139, 140, 255, 0.15), transparent 69%); content: ""; pointer-events: none; }
.account-list { display: grid; gap: 0.65rem; position: relative; z-index: 1; }.account-list-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.2rem; color: #e9ecff; font-size: 0.73rem; font-weight: 700; }.account-list-header span { color: var(--mk-subtle); font-size: 0.63rem; font-weight: 500; }.account-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.65rem; padding: 0.78rem; border: 1px solid rgba(175, 192, 255, 0.12); border-radius: 0.6rem; background: rgba(8, 11, 23, 0.62); }.account-row .account-icon { display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border-radius: 0.45rem; background: rgba(139, 140, 255, 0.15); color: #bfc5ff; font-size: 0.72rem; }.account-row strong { display: block; color: #e9ecff; font-size: 0.7rem; }.account-row small { display: block; color: var(--mk-subtle); font-size: 0.6rem; }.account-status { padding: 0.18rem 0.38rem; border-radius: 99px; background: rgba(92, 222, 154, 0.12); color: var(--mk-green); font-size: 0.55rem; font-weight: 800; text-transform: uppercase; }.account-status.review { background: rgba(255, 191, 102, 0.13); color: var(--mk-amber); }

.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.2rem; margin-top: 3rem; counter-reset: steps; }.step { position: relative; counter-increment: steps; padding-top: 3.7rem; }.step::before { position: absolute; top: 0; left: 0; color: rgba(139, 140, 255, 0.32); content: "0" counter(steps); font-size: 2.55rem; font-weight: 800; letter-spacing: -0.08em; line-height: 1; }.step:not(:last-child)::after { position: absolute; top: 1.2rem; left: 4rem; width: calc(100% - 3rem); height: 1px; background: linear-gradient(90deg, rgba(139, 140, 255, 0.5), transparent); content: ""; }.step h3 { margin: 0; font-size: 1.07rem; letter-spacing: -0.035em; }.step p { margin: 0.65rem 0 0; color: var(--mk-muted); font-size: 0.9rem; line-height: 1.65; }

.pricing-teaser { position: relative; overflow: hidden; border: 1px solid rgba(139, 140, 255, 0.28); border-radius: 1.25rem; background: linear-gradient(135deg, rgba(27, 31, 76, 0.7), rgba(11, 16, 32, 0.94)); }.pricing-teaser::after { position: absolute; top: -11rem; right: -7rem; width: 30rem; height: 30rem; border-radius: 50%; background: radial-gradient(circle, rgba(96, 216, 255, 0.14), transparent 68%); content: ""; pointer-events: none; }.pricing-teaser-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(22rem, 1.08fr); gap: 3rem; padding: clamp(1.6rem, 4vw, 3.25rem); }.pricing-teaser .section-title { max-width: 12ch; }.pricing-teaser .section-copy { color: #c1c9e2; }.pricing-quick-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.8rem; }.price-quick-card { padding: 1.25rem; border: 1px solid rgba(175, 192, 255, 0.15); border-radius: 0.85rem; background: rgba(5, 7, 17, 0.38); }.price-quick-card.pro { border-color: rgba(139, 140, 255, 0.42); background: rgba(139, 140, 255, 0.11); }.price-quick-card > span { color: #bcc4df; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }.price-quick-card strong { display: block; margin-top: 0.45rem; color: #fff; font-size: 1.65rem; letter-spacing: -0.06em; }.price-quick-card p { min-height: 4.25rem; margin: 0.55rem 0 1rem; color: var(--mk-muted); font-size: 0.77rem; line-height: 1.55; }.inline-link { display: inline-flex; align-items: center; gap: 0.4rem; color: #caccff; font-size: 0.77rem; font-weight: 700; text-decoration: none; }.inline-link:hover { color: #fff; }.pricing-footnote { grid-column: 1 / -1; margin: 0; color: #aab5d4; font-size: 0.75rem; }

.faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; margin-top: 2.5rem; }.faq-grid details { padding: 1.05rem 1.1rem; border: 1px solid var(--mk-border); border-radius: 0.75rem; background: rgba(255, 255, 255, 0.02); }.faq-grid summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #e7eaff; cursor: pointer; font-size: 0.87rem; font-weight: 700; list-style: none; }.faq-grid summary::-webkit-details-marker { display: none; }.faq-grid summary::after { color: var(--mk-cyan); content: "+"; font-size: 1.2rem; font-weight: 400; }.faq-grid details[open] summary::after { content: "–"; }.faq-grid p { margin: 0.7rem 0 0; color: var(--mk-muted); font-size: 0.84rem; line-height: 1.65; }

.final-cta { position: relative; overflow: hidden; padding: clamp(3rem, 6vw, 5.6rem) 2rem; border-top: 1px solid var(--mk-border); text-align: center; }.final-cta::before { position: absolute; top: 50%; left: 50%; width: 42rem; height: 25rem; border-radius: 50%; background: radial-gradient(ellipse, rgba(96, 216, 255, 0.13), rgba(139, 140, 255, 0.08) 35%, transparent 70%); content: ""; transform: translate(-50%, -50%); pointer-events: none; }.final-cta > * { position: relative; z-index: 1; }.final-cta .section-title { max-width: 15ch; margin-right: auto; margin-left: auto; }.final-cta .section-copy { margin-right: auto; margin-left: auto; }.final-cta .button { margin-top: 1.65rem; }

.site-footer { border-top: 1px solid var(--mk-border); background: rgba(4, 5, 14, 0.7); }.site-footer-inner { display: grid; grid-template-columns: minmax(16rem, 1.1fr) 1.4fr; gap: 3rem; width: min(var(--mk-content), calc(100% - 3rem)); padding: 3.6rem 0 2.6rem; margin: 0 auto; }.site-footer-brand p { max-width: 20rem; margin: 0.85rem 0 0; color: var(--mk-subtle); font-size: 0.83rem; line-height: 1.6; }.site-footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }.site-footer-links div { display: grid; align-content: start; gap: 0.55rem; }.site-footer-links span { margin-bottom: 0.28rem; color: #dfe4f9; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }.site-footer-links a { color: var(--mk-subtle); font-size: 0.78rem; text-decoration: none; transition: color 0.18s ease; }.site-footer-links a:hover { color: #fff; }.site-footer-bottom { display: flex; gap: 1rem; width: min(var(--mk-content), calc(100% - 3rem)); padding: 1.1rem 0; margin: 0 auto; border-top: 1px solid rgba(175, 192, 255, 0.08); color: rgba(182, 192, 216, 0.55); font-size: 0.72rem; }

/* Public pricing, feature, and legal pages migrated from the app shell. */
.marketing-main .row { width: min(var(--mk-content), calc(100% - 3rem)); margin: 0 auto; }.marketing-main .col-12 { width: 100%; }.marketing-main .col-xl-9 { max-width: 56rem; margin: 0 auto; }.marketing-main .col-xl-10 { max-width: 68rem; margin: 0 auto; }
.marketing-main .fp-page { padding-top: 1.6rem; }.marketing-main .fp-page .fp-btn-primary { border-radius: 0.6rem; }.marketing-main .fp-page .fp-btn-secondary { border-radius: 0.6rem; }.marketing-main .pricing-hero { padding-top: 4.4rem; }

.adc-legal-hero { padding: 4.8rem 0 2.2rem; }.adc-legal-eyebrow { margin-bottom: 0.9rem; color: #bec4ff; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }.adc-legal-title { max-width: 18ch; margin: 0; color: var(--mk-text); font-size: clamp(2.35rem, 4vw, 3.65rem); letter-spacing: -0.06em; line-height: 1.05; }.adc-legal-lead { max-width: 47rem; margin: 1rem 0 0; color: var(--mk-muted); font-size: 1rem; line-height: 1.7; }.adc-legal-meta { display: flex; flex-wrap: wrap; gap: 0.5rem 1.1rem; margin-top: 1.3rem; color: var(--mk-subtle); font-size: 0.78rem; }.adc-legal-meta a, .adc-legal-card a { color: #c7caff; }.adc-card { margin-bottom: 5rem; border: 1px solid var(--mk-border); border-radius: 1rem; background: rgba(17, 24, 45, 0.56); box-shadow: 0 1.4rem 3rem rgba(0, 0, 0, 0.2); }.card-body { padding: clamp(1.25rem, 3.5vw, 2.8rem); }.adc-legal-section + .adc-legal-section { margin-top: 2.15rem; padding-top: 2.15rem; border-top: 1px solid rgba(175, 192, 255, 0.1); }.adc-legal-section h2 { margin: 0; color: #ecf0ff; font-size: 1.08rem; letter-spacing: -0.025em; }.adc-legal-section p, .adc-legal-section li { color: var(--mk-muted); font-size: 0.9rem; line-height: 1.72; }.adc-legal-section p { margin: 0.75rem 0 0; }.adc-legal-list { display: grid; gap: 0.45rem; margin: 0.75rem 0 0; padding-left: 1.2rem; }.adc-legal-list strong { color: #e4e9fb; }

/* Auth pages use the same type hierarchy, spacing rhythm, and dark surfaces as marketing. */
.auth-page { display: grid; grid-template-columns: minmax(0, 0.98fr) minmax(25rem, 0.72fr); align-items: center; gap: clamp(2.5rem, 8vw, 8rem); width: min(66rem, calc(100% - 3rem)); min-height: calc(100vh - 4.75rem); padding: clamp(3rem, 7vw, 6rem) 0; margin: 0 auto; }.auth-intro { max-width: 34rem; }.auth-intro h1 { max-width: 12ch; margin: 0; font-size: clamp(2.4rem, 4.5vw, 4rem); line-height: 1.03; }.auth-intro > p:not(.eyebrow) { margin: 1.15rem 0 0; color: var(--mk-muted); font-size: 1rem; line-height: 1.7; }.auth-benefits { display: grid; gap: 0.65rem; margin: 1.65rem 0 0; padding: 0; color: #c6cde1; font-size: 0.86rem; font-weight: 600; list-style: none; }.auth-benefits li { display: flex; align-items: center; gap: 0.55rem; }.auth-benefits i { color: var(--mk-cyan); }.auth-card { overflow: hidden; border: 1px solid rgba(175, 192, 255, 0.2); border-radius: 1rem; background: linear-gradient(145deg, rgba(20, 28, 52, 0.92), rgba(10, 14, 29, 0.94)); box-shadow: 0 2rem 4.6rem rgba(0, 0, 0, 0.3); }.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; padding: 0.42rem; border-bottom: 1px solid rgba(175, 192, 255, 0.1); background: rgba(0, 0, 0, 0.14); }.auth-tab { min-height: 2.7rem; border: 0; border-radius: 0.55rem; background: transparent; color: var(--mk-subtle); font-size: 0.82rem; font-weight: 700; cursor: pointer; }.auth-tab.active { background: rgba(139, 140, 255, 0.16); color: #eef0ff; }.auth-panel { padding: clamp(1.35rem, 3.5vw, 2.1rem); }.auth-panel.is-hidden { display: none; }.auth-kicker { display: block; margin-bottom: 0.45rem; color: #b9bfff; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }.auth-panel h2 { font-size: 1.65rem; line-height: 1.18; }.auth-panel-lead { margin: 0.5rem 0 0; color: var(--mk-muted); font-size: 0.88rem; }.auth-form { display: grid; gap: 1rem; margin-top: 1.6rem; }.auth-field { display: grid; gap: 0.42rem; }.auth-field label { color: #d9def1; font-size: 0.79rem; font-weight: 700; }.auth-field input { width: 100%; min-height: 2.9rem; padding: 0.7rem 0.8rem; border: 1px solid rgba(175, 192, 255, 0.18); border-radius: 0.55rem; outline: 0; background: rgba(3, 5, 14, 0.42); color: #f5f7ff; font-family: var(--mk-font-body); font-size: 0.9rem; transition: border-color 0.16s ease, box-shadow 0.16s ease; }.auth-field input::placeholder { color: #68738f; }.auth-field input:focus { border-color: var(--mk-cyan); box-shadow: 0 0 0 3px rgba(96, 216, 255, 0.14); }.auth-submit { display: inline-flex; align-items: center; justify-content: center; gap: 0.55rem; width: 100%; min-height: 3rem; padding: 0.75rem 1rem; border: 1px solid rgba(174, 184, 255, 0.58); border-radius: 0.6rem; background: linear-gradient(135deg, #787cf4, #9a8bff); box-shadow: 0 0.75rem 1.9rem rgba(104, 102, 246, 0.22); color: #fff; font-size: 0.88rem; font-weight: 800; cursor: pointer; text-decoration: none; }.auth-submit:hover { border-color: rgba(217, 222, 255, 0.85); box-shadow: 0 0.85rem 2.3rem rgba(104, 102, 246, 0.32); }.auth-submit-link { box-sizing: border-box; }.auth-error { margin-top: 1.1rem; padding: 0.7rem 0.8rem; border: 1px solid rgba(255, 107, 123, 0.36); border-radius: 0.55rem; background: rgba(255, 107, 123, 0.1); color: #ffc2cb; font-size: 0.8rem; line-height: 1.5; }.auth-helper { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.42rem; margin: 1.25rem 0 0; color: var(--mk-subtle); font-size: 0.76rem; text-align: center; }.auth-helper a { color: #c6caff; font-weight: 700; text-decoration: none; }.auth-helper a:hover { color: #fff; text-decoration: underline; }.auth-callout { display: flex; gap: 0.75rem; margin-top: 1.4rem; padding: 0.9rem; border: 1px solid rgba(96, 216, 255, 0.2); border-radius: 0.65rem; background: rgba(96, 216, 255, 0.07); }.auth-callout > i { flex: 0 0 auto; margin-top: 0.05rem; color: var(--mk-cyan); font-size: 1rem; }.auth-callout strong { color: #e9efff; font-size: 0.8rem; }.auth-callout p { margin: 0.25rem 0 0; color: #b3bed9; font-size: 0.74rem; line-height: 1.55; }.auth-google { display: flex; align-items: center; justify-content: center; gap: 0.65rem; width: 100%; min-height: 3rem; margin-top: 1.1rem; padding: 0.75rem 1rem; border: 1px solid rgba(175, 192, 255, 0.22); border-radius: 0.6rem; background: #fff; color: #171a27; font-size: 0.85rem; font-weight: 800; text-decoration: none; }.auth-google:hover { background: #eef1ff; }.google-icon { width: 1.1rem; height: 1.1rem; }.auth-divider { display: flex; align-items: center; gap: 0.7rem; margin: 1.25rem 0; color: var(--mk-subtle); font-size: 0.72rem; }.auth-divider::before, .auth-divider::after { flex: 1; height: 1px; background: rgba(175, 192, 255, 0.16); content: ""; }

@media (max-width: 1000px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(25rem, 0.9fr); gap: 2rem; }
  .hero-title { font-size: clamp(2.8rem, 5.5vw, 4.35rem); }
  .agency-grid { gap: 2.5rem; }
  .feature-cluster, .feature-cluster:nth-child(even) { grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.8fr); gap: 1.4rem; }
  .feature-cluster:nth-child(even) .cluster-content, .feature-cluster:nth-child(even) .cluster-visual { order: initial; }
  .product-pillar-header { grid-template-columns: 1fr; gap: 1.1rem; }
  .product-pillar-header .section-copy { justify-self: start; }
}

@media (max-width: 860px) {
  .site-header-inner { width: min(var(--mk-content), calc(100% - 2rem)); min-height: 4.4rem; gap: 0.7rem; }.nav-toggle { display: block; margin-left: auto; }.site-nav { position: absolute; top: calc(100% + 0.5rem); right: 1rem; left: 1rem; display: none; align-items: stretch; padding: 0.55rem; border: 1px solid var(--mk-border-strong); border-radius: 0.85rem; background: rgba(11, 16, 32, 0.98); box-shadow: 0 1.4rem 3.5rem rgba(0, 0, 0, 0.38); }.site-nav.is-open { display: flex; flex-direction: column; }.site-nav-link, .product-menu summary { padding: 0.68rem 0.72rem; }.product-menu summary { justify-content: space-between; }.product-menu-panel { position: static; width: auto; margin: 0.3rem 0 0; border: 0; border-left: 1px solid var(--mk-border); border-radius: 0; background: transparent; box-shadow: none; }.product-menu-panel::before { display: none; }.product-menu-panel a { padding: 0.62rem 0.72rem; }.site-actions { gap: 0.5rem; }.site-login { display: none; }.site-actions .button-small { min-height: 2.5rem; padding: 0.6rem 0.75rem; }.hero-grid, .agency-grid, .pricing-teaser-inner, .product-pillar-grid, .product-pillar-grid-reverse { grid-template-columns: 1fr; }.hero-copy { max-width: 40rem; }.hero-visual { min-height: 28rem; max-width: 38rem; width: 100%; margin: 0 auto; }.dashboard-preview { right: 50%; transform: translateX(50%); }.eclipse-disc { right: 50%; transform: translateX(40%); }.eclipse-orbit { right: 50%; transform: translateX(55%) rotate(-18deg); }.feature-cluster, .feature-cluster:nth-child(even) { grid-template-columns: 1fr; }.feature-cluster:nth-child(even) .cluster-content { order: initial; }.feature-cluster:nth-child(even) .cluster-visual, .product-pillar-grid-reverse .pillar-visual, .product-pillar-grid-reverse .product-pillar-content { order: initial; }.outcomes-grid { grid-template-columns: 1fr; }.outcome-card { min-height: auto; }.outcome-icon { margin-bottom: 1.65rem; }.outcome-card-link .outcome-icon { margin-bottom: 0; }.steps-grid { gap: 1.5rem; }.step:not(:last-child)::after { display: none; }.site-footer-inner { grid-template-columns: 1fr; gap: 2.5rem; }.site-footer-links { max-width: 42rem; }
}

@media (max-width: 700px) {
  .pillar-feature-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .mk-container { width: min(var(--mk-content), calc(100% - 2rem)); }.site-logo { font-size: 0.98rem; }.site-actions .button-small i { display: none; }.hero-section { padding-top: 3.5rem; }.hero-title { font-size: clamp(2.65rem, 12vw, 3.65rem); }.hero-copy { font-size: 0.98rem; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .button { width: 100%; }.trust-line { display: grid; gap: 0.5rem; }.trust-strip { grid-template-columns: 1fr; }.trust-strip div { min-height: 3.7rem; justify-content: flex-start; padding: 0.7rem 0.25rem; text-align: left; }.trust-strip div + div { border-top: 1px solid var(--mk-border); border-left: 0; }.hero-visual { min-height: 23.4rem; }.dashboard-preview { width: 100%; }.eclipse-disc { top: 1.5rem; width: 8.2rem; height: 8.2rem; transform: translateX(55%); }.eclipse-orbit { top: -0.5rem; width: 15rem; height: 15rem; transform: translateX(55%) rotate(-18deg); }.eclipse-orbit::after { width: 18rem; }.dashboard-body { grid-template-columns: 4.4rem 1fr; min-height: 14.7rem; }.dashboard-rail { padding: 0.8rem 0.45rem; }.dashboard-content { padding: 0.75rem; }.dashboard-summary { gap: 0.4rem; }.section { padding: 4.4rem 0; }.section-title { font-size: clamp(1.9rem, 9vw, 2.6rem); }.feature-cluster { gap: 1.25rem; padding: 1.25rem; }.cluster-visual { min-height: 12.2rem; }.product-pillar-grid { gap: 1.25rem; margin-top: 2rem; }.pillar-visual { min-height: 15.5rem; }.pillar-feature { min-height: 0; padding: 0.85rem; }.agency-grid { gap: 2rem; }.steps-grid { grid-template-columns: 1fr; }.pricing-teaser-inner { gap: 2rem; padding: 1.35rem; }.pricing-quick-grid { grid-template-columns: 1fr; }.price-quick-card p { min-height: 0; }.faq-grid { grid-template-columns: 1fr; }.site-footer-inner { width: min(var(--mk-content), calc(100% - 2rem)); padding-top: 3rem; }.site-footer-links { grid-template-columns: 1fr 1fr; }.site-footer-links div:last-child { grid-column: 1 / -1; }.site-footer-bottom { width: min(var(--mk-content), calc(100% - 2rem)); }.adc-legal-hero { padding-top: 3.4rem; }.adc-legal-meta { display: grid; }.adc-card { margin-bottom: 3.5rem; }.card-body { padding: 1.2rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

@media (max-width: 860px) {
  .auth-page { grid-template-columns: 1fr; min-height: auto; }
  .auth-intro { max-width: 42rem; }
}

@media (max-width: 620px) {
  .auth-page { width: min(100% - 2rem, 30rem); padding-top: 3rem; }
  .auth-intro h1 { font-size: clamp(2.15rem, 11vw, 3rem); }
}

@media (max-width: 1000px) {
  .hero-title-platform { font-size: clamp(2.65rem, 5.2vw, 3.7rem); }
}

@media (max-width: 620px) {
  .hero-title-platform { font-size: clamp(2.15rem, 9vw, 2.75rem); }
  .nav-toggle,
  .site-actions .button-small,
  .site-nav-link,
  .product-menu summary,
  .product-menu-panel a,
  .auth-tab { min-height: 2.75rem; }
  .product-menu-panel a { display: grid; align-content: center; }
  .philosophy-section { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .ma-table { min-width: 32rem; }
}

@media (max-width: 360px) {
  .hero-title-platform { font-size: 2rem; }
}

/* Feature library */
.feature-library { position: relative; }
.feature-library-hero { position: relative; overflow: hidden; padding: clamp(4.5rem, 8vw, 7.5rem) 0 clamp(3.8rem, 6vw, 5.5rem); border-bottom: 1px solid rgba(175, 192, 255, 0.1); background: linear-gradient(135deg, rgba(18, 26, 57, 0.56), rgba(6, 7, 18, 0.25)); }
.feature-library-hero::before { position: absolute; top: -16rem; left: 50%; width: 65rem; height: 40rem; border-radius: 50%; background: radial-gradient(ellipse, rgba(96, 216, 255, 0.11), rgba(139, 140, 255, 0.08) 37%, transparent 70%); content: ""; transform: translateX(-50%); pointer-events: none; }
.feature-library-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(23rem, 0.78fr); align-items: center; gap: clamp(2.5rem, 7vw, 6rem); }
.feature-library-hero h1 { max-width: 13ch; font-size: clamp(2.8rem, 5vw, 4.5rem); line-height: 1.01; }
.feature-library-hero h1 em { font-style: normal; background: linear-gradient(100deg, #c7c9ff 5%, #72dcff 94%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.feature-library-lead { max-width: 40rem; margin: 1.35rem 0 0; color: var(--mk-muted); font-size: var(--mk-type-lead); line-height: 1.7; }
.feature-library-hero-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }

.library-orbit-card { position: relative; min-height: 25rem; overflow: hidden; border: 1px solid rgba(175, 192, 255, 0.18); border-radius: 1.2rem; background: radial-gradient(circle at 50% 50%, rgba(30, 41, 79, 0.76), rgba(7, 9, 21, 0.84) 71%); box-shadow: inset 0 0 4.5rem rgba(96, 216, 255, 0.05), 0 1.75rem 4rem rgba(0, 0, 0, 0.22); }
.library-orbit-card::before { position: absolute; inset: 1rem; border: 1px solid rgba(139, 140, 255, 0.09); border-radius: 1rem; content: ""; }
.library-orbit-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 6.1rem; height: 6.1rem; place-items: center; border-radius: 50%; background: radial-gradient(circle at 38% 28%, #252c4d, #05060d 62%); box-shadow: 0 0 0 1px rgba(201, 208, 255, 0.23), 0 0 2.6rem rgba(96, 216, 255, 0.26); color: #eef1ff; font-family: var(--mk-font-display); font-size: 0.7rem; font-weight: 800; letter-spacing: -0.025em; transform: translate(-50%, -50%); }
.library-orbit { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(139, 140, 255, 0.27); border-radius: 50%; transform: translate(-50%, -50%) rotate(-18deg); }
.library-orbit-one { width: 13rem; height: 13rem; }.library-orbit-two { width: 19rem; height: 7rem; border-color: rgba(96, 216, 255, 0.22); }
.library-orbit-node { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.45rem 0.6rem; border: 1px solid rgba(175, 192, 255, 0.2); border-radius: 0.55rem; background: rgba(11, 16, 32, 0.88); box-shadow: 0 0.65rem 1.6rem rgba(0, 0, 0, 0.2); color: #dce1f6; font-size: 0.65rem; font-weight: 700; white-space: nowrap; }.library-orbit-node i { color: var(--mk-cyan); font-size: 0.78rem; }.node-reporting { top: 2.5rem; left: 2rem; }.node-alerting { top: 3.9rem; right: 1.55rem; }.node-optimization { bottom: 3.1rem; left: 1.65rem; }.node-agency { right: 2.1rem; bottom: 2.15rem; }.node-alerting i { color: var(--mk-amber); }.node-optimization i { color: var(--mk-green); }.node-agency i { color: #b9b8ff; }

.feature-jump-nav { position: sticky; z-index: 19; top: 4.75rem; border-bottom: 1px solid rgba(175, 192, 255, 0.1); background: rgba(6, 7, 18, 0.88); backdrop-filter: blur(16px); }
.feature-jump-nav .mk-container { display: flex; align-items: center; gap: 0.25rem; min-height: 3.85rem; overflow-x: auto; scrollbar-width: none; }.feature-jump-nav .mk-container::-webkit-scrollbar { display: none; }.feature-jump-nav a { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0.4rem 0.7rem; border-radius: 0.5rem; color: var(--mk-subtle); font-size: 0.77rem; font-weight: 700; text-decoration: none; white-space: nowrap; }.feature-jump-nav a:hover { background: rgba(139, 140, 255, 0.1); color: #fff; }.feature-jump-nav a:focus-visible { outline: 3px solid rgba(96, 216, 255, 0.8); outline-offset: -2px; }

.feature-guides-section { border-bottom: 1px solid rgba(175, 192, 255, 0.08); }.feature-guide-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-top: 3rem; }
.feature-guide-card { position: relative; display: flex; flex-direction: column; min-height: 22rem; padding: 1.55rem; overflow: hidden; border: 1px solid var(--mk-border); border-radius: 1rem; background: linear-gradient(145deg, rgba(19, 27, 50, 0.8), rgba(9, 12, 25, 0.88)); color: var(--mk-text); text-decoration: none; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }.feature-guide-card::after { position: absolute; right: -4.5rem; bottom: -6rem; width: 15rem; height: 15rem; border-radius: 50%; background: radial-gradient(circle, rgba(139, 140, 255, 0.24), transparent 69%); content: ""; pointer-events: none; }.feature-guide-card:hover { border-color: rgba(175, 192, 255, 0.42); box-shadow: 0 1.4rem 3.2rem rgba(0, 0, 0, 0.25); transform: translateY(-3px); }.feature-guide-card:focus-visible { outline: 3px solid rgba(96, 216, 255, 0.8); outline-offset: 3px; }.guide-pmax::after { background: radial-gradient(circle, rgba(96, 216, 255, 0.25), transparent 69%); }.guide-agency::after { background: radial-gradient(circle, rgba(92, 222, 154, 0.2), transparent 69%); }
.guide-icon { position: relative; z-index: 1; display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border: 1px solid rgba(139, 140, 255, 0.35); border-radius: 0.7rem; background: rgba(139, 140, 255, 0.13); color: #c5c6ff; font-size: 1.05rem; }.guide-reporting::after { background: radial-gradient(circle, rgba(96, 216, 255, 0.25), transparent 69%); }.guide-reporting .guide-icon, .guide-pmax .guide-icon { border-color: rgba(96, 216, 255, 0.32); background: rgba(96, 216, 255, 0.1); color: var(--mk-cyan); }.guide-agency .guide-icon { border-color: rgba(92, 222, 154, 0.28); background: rgba(92, 222, 154, 0.09); color: var(--mk-green); }
.guide-label { position: relative; z-index: 1; display: block; margin-top: 2rem; color: #b8c0ed; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; }.feature-guide-card h3 { position: relative; z-index: 1; margin-top: 0.55rem; font-size: 1.45rem; line-height: 1.16; }.feature-guide-card p { position: relative; z-index: 1; margin: 0.7rem 0 0; color: var(--mk-muted); font-size: 0.88rem; line-height: 1.65; }.guide-link { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 0.4rem; margin-top: auto; padding-top: 1.5rem; color: #d2d3ff; font-size: 0.78rem; font-weight: 800; }.feature-guide-card:hover .guide-link { color: #fff; }

.feature-category-section { padding: clamp(4.5rem, 8vw, 7rem) 0; }.feature-category-section-alt { border-top: 1px solid rgba(175, 192, 255, 0.07); border-bottom: 1px solid rgba(175, 192, 255, 0.07); background: rgba(13, 18, 36, 0.35); }.feature-category-header { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(16rem, 0.6fr); align-items: end; gap: 2rem; }.feature-category-header .eyebrow { margin-bottom: 0.85rem; }.feature-category-header h2 { max-width: 18ch; font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1.08; }.feature-category-header > p { max-width: 31rem; margin: 0; color: var(--mk-muted); font-size: 0.93rem; line-height: 1.7; }
.feature-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.8rem; margin-top: 2.75rem; }.feature-card-grid-six { grid-template-columns: repeat(3, minmax(0, 1fr)); }.library-feature-card { position: relative; display: flex; flex-direction: column; padding: 1.2rem; border: 1px solid rgba(175, 192, 255, 0.12); border-radius: 0.85rem; background: rgba(255, 255, 255, 0.02); }.library-feature-card.is-pro { border-color: rgba(139, 140, 255, 0.25); background: rgba(139, 140, 255, 0.06); }.library-feature-icon { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border: 1px solid rgba(96, 216, 255, 0.2); border-radius: 0.55rem; background: rgba(96, 216, 255, 0.07); color: var(--mk-cyan); font-size: 0.9rem; }.library-feature-card.is-pro .library-feature-icon { border-color: rgba(139, 140, 255, 0.3); background: rgba(139, 140, 255, 0.1); color: #c4c5ff; }.library-tag { position: absolute; top: 1.25rem; right: 1.2rem; padding: 0.18rem 0.4rem; border: 1px solid rgba(92, 222, 154, 0.25); border-radius: 99px; background: rgba(92, 222, 154, 0.08); color: var(--mk-green); font-size: 0.57rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }.library-tag-pro { border-color: rgba(139, 140, 255, 0.38); background: rgba(139, 140, 255, 0.13); color: #c5c6ff; }.library-feature-card h3 { margin: 1.25rem 0 0; font-size: 1.03rem; letter-spacing: -0.03em; line-height: 1.25; }.library-feature-card p { margin: 0.58rem 0 0; color: var(--mk-muted); font-size: 0.8rem; line-height: 1.6; }

.feature-library-cta { position: relative; overflow: hidden; padding: clamp(4.5rem, 8vw, 7rem) 0; border-top: 1px solid rgba(175, 192, 255, 0.09); text-align: center; }.feature-library-cta::before { position: absolute; top: 50%; left: 50%; width: 46rem; height: 26rem; border-radius: 50%; background: radial-gradient(ellipse, rgba(96, 216, 255, 0.13), rgba(139, 140, 255, 0.08) 38%, transparent 72%); content: ""; transform: translate(-50%, -50%); pointer-events: none; }.feature-library-cta .mk-container { position: relative; z-index: 1; }.feature-library-cta .eyebrow { justify-content: center; }.feature-library-cta h2 { max-width: 18ch; margin: 0 auto; font-size: clamp(2rem, 3.6vw, 3.25rem); line-height: 1.07; }.feature-library-cta p:not(.eyebrow) { max-width: 39rem; margin: 1.05rem auto 0; color: var(--mk-muted); font-size: 1rem; line-height: 1.7; }.feature-library-cta .button { margin: 1.7rem 0.35rem 0; }

@media (max-width: 1000px) {
  .feature-library-hero-grid { grid-template-columns: 1fr; }
  .library-orbit-card { max-width: 37rem; width: 100%; margin: 0 auto; }
  .feature-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-card-grid-six { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .feature-guide-grid { grid-template-columns: 1fr; }
  .feature-guide-card { min-height: 18rem; }
  .feature-category-header { grid-template-columns: 1fr; gap: 1rem; }
}

@media (max-width: 620px) {
  .feature-library-hero { padding-top: 3.6rem; }
  .feature-library-hero h1 { font-size: clamp(2.35rem, 10.2vw, 3.15rem); }
  .feature-library-lead { font-size: 1rem; }
  .feature-library-hero-actions { flex-direction: column; align-items: stretch; }
  .feature-library-hero-actions .button { width: 100%; }
  .library-orbit-card { min-height: 14.25rem; }
  .library-orbit-core { width: 4.65rem; height: 4.65rem; font-size: 0.62rem; }
  .library-orbit-one { width: 9.5rem; height: 9.5rem; }.library-orbit-two { width: 14.2rem; height: 5.1rem; }
  .library-orbit-node { padding: 0.32rem 0.42rem; font-size: 0.55rem; }.library-orbit-node i { font-size: 0.64rem; }.node-reporting { top: 1.4rem; left: 0.95rem; }.node-alerting { top: 2.1rem; right: 0.75rem; }.node-optimization { bottom: 1.55rem; left: 0.72rem; }.node-agency { right: 0.9rem; bottom: 1rem; }
  .feature-jump-nav { top: 4.4rem; }.feature-jump-nav .mk-container { width: 100%; padding: 0 1rem; }
  .feature-category-section { padding: 4rem 0; }.feature-card-grid, .feature-card-grid-six { grid-template-columns: 1fr; }.library-feature-card { padding: 1.15rem; }
  .feature-library-cta { padding: 4.2rem 0; }.feature-library-cta .button { display: flex; width: 100%; margin: 0.75rem 0 0; }
}

/* Reporting & insights detail page */
.insights-page { position: relative; }.insights-hero { position: relative; overflow: hidden; padding: clamp(4.75rem, 8vw, 7.5rem) 0 clamp(4rem, 6vw, 5.7rem); border-bottom: 1px solid rgba(175, 192, 255, 0.1); background: linear-gradient(135deg, rgba(12, 27, 55, 0.62), rgba(6, 7, 18, 0.25)); }.insights-hero::before { position: absolute; top: -13rem; right: -16rem; width: 52rem; height: 42rem; border-radius: 50%; background: radial-gradient(ellipse, rgba(96, 216, 255, 0.14), rgba(139, 140, 255, 0.08) 38%, transparent 71%); content: ""; pointer-events: none; }.insights-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(22rem, 0.9fr); align-items: center; gap: clamp(2.5rem, 6vw, 5.4rem); }.insights-hero h1 { max-width: 11ch; font-size: clamp(2.8rem, 5vw, 4.5rem); line-height: 1.02; }.insights-hero h1 em { font-style: normal; background: linear-gradient(100deg, #c7c9ff 5%, #72dcff 94%); -webkit-background-clip: text; background-clip: text; color: transparent; }.insights-hero-lead { max-width: 37rem; margin: 1.3rem 0 0; color: var(--mk-muted); font-size: var(--mk-type-lead); line-height: 1.7; }.insights-hero-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }.insights-hero-note { display: flex; align-items: center; gap: 0.48rem; margin: 1.25rem 0 0; color: #aeb9d4; font-size: 0.8rem; font-weight: 600; }.insights-hero-note i { color: var(--mk-green); }
.insights-preview { overflow: hidden; border: 1px solid rgba(175, 192, 255, 0.22); border-radius: 1rem; background: linear-gradient(145deg, rgba(21, 32, 59, 0.94), rgba(8, 11, 24, 0.97)); box-shadow: 0 2rem 4.5rem rgba(0, 0, 0, 0.3), 0 0 3rem rgba(96, 216, 255, 0.1); }.insights-preview-topbar { display: flex; align-items: center; justify-content: space-between; min-height: 3.15rem; padding: 0.65rem 0.9rem; border-bottom: 1px solid rgba(175, 192, 255, 0.1); color: var(--mk-subtle); font-size: 0.67rem; }.insights-preview-body { padding: 1rem; }.insights-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.insights-preview-heading span { display: block; color: var(--mk-subtle); font-size: 0.62rem; }.insights-preview-heading strong { display: block; margin-top: 0.18rem; color: #eef1ff; font-size: 1.02rem; letter-spacing: -0.035em; }.insights-preview-heading > i { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid rgba(96, 216, 255, 0.22); border-radius: 0.52rem; background: rgba(96, 216, 255, 0.08); color: var(--mk-cyan); font-size: 0.82rem; }.insights-preview-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.55rem; margin-top: 1rem; }.insights-preview-kpis > div { padding: 0.7rem; border: 1px solid rgba(175, 192, 255, 0.11); border-radius: 0.62rem; background: rgba(255, 255, 255, 0.025); }.insights-preview-kpis span { display: block; color: var(--mk-subtle); font-size: 0.55rem; }.insights-preview-kpis strong { display: block; margin-top: 0.2rem; color: #e7ebff; font-size: 0.72rem; line-height: 1.25; }.insights-preview-kpis em { display: block; margin-top: 0.27rem; color: var(--mk-green); font-size: 0.53rem; font-style: normal; }.insights-preview-chart { position: relative; min-height: 8.5rem; margin-top: 0.65rem; padding: 0.7rem; overflow: hidden; border: 1px solid rgba(175, 192, 255, 0.11); border-radius: 0.62rem; background: rgba(255, 255, 255, 0.02); }.insights-preview-chart > span { color: var(--mk-subtle); font-size: 0.57rem; }.insights-preview-chart svg { position: absolute; right: 0.65rem; bottom: 0.5rem; left: 0.65rem; width: calc(100% - 1.3rem); height: 5.6rem; }.insights-preview-reports { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.45rem; margin-top: 0.65rem; }.insights-preview-reports span { display: flex; align-items: center; gap: 0.32rem; padding: 0.5rem; border: 1px solid rgba(175, 192, 255, 0.1); border-radius: 0.45rem; color: #c9d0e7; font-size: 0.55rem; font-weight: 600; }.insights-preview-reports i { color: var(--mk-cyan); }
.insights-questions-section { border-bottom: 1px solid rgba(175, 192, 255, 0.08); }.insights-question-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 3rem; }.insights-question-card { padding: 1.5rem; border: 1px solid var(--mk-border); border-radius: 1rem; background: linear-gradient(145deg, rgba(18, 26, 48, 0.74), rgba(9, 12, 25, 0.76)); }.insights-question-icon { display: grid; width: 2.55rem; height: 2.55rem; place-items: center; border: 1px solid rgba(96, 216, 255, 0.25); border-radius: 0.65rem; background: rgba(96, 216, 255, 0.08); color: var(--mk-cyan); }.insights-question-card:nth-child(2) .insights-question-icon { border-color: rgba(139, 140, 255, 0.3); background: rgba(139, 140, 255, 0.1); color: #c3c4ff; }.insights-question-card:nth-child(3) .insights-question-icon { border-color: rgba(92, 222, 154, 0.25); background: rgba(92, 222, 154, 0.08); color: var(--mk-green); }.insights-question-card h3 { margin: 1.5rem 0 0; font-size: 1.28rem; }.insights-question-card p { margin: 0.65rem 0 0; color: var(--mk-muted); font-size: 0.88rem; line-height: 1.65; }.insights-question-card ul { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 1.25rem 0 0; padding: 0; list-style: none; }.insights-question-card li { padding: 0.33rem 0.48rem; border: 1px solid rgba(175, 192, 255, 0.13); border-radius: 99px; color: #c8d0e7; font-size: 0.66rem; font-weight: 600; }
.insights-collections-section { padding: clamp(4.5rem, 8vw, 7rem) 0; background: rgba(13, 18, 36, 0.33); }.insights-collection-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.85rem; margin-top: 2.75rem; }.insights-collection-card { padding: 1.2rem; border: 1px solid rgba(175, 192, 255, 0.13); border-radius: 0.85rem; background: rgba(255, 255, 255, 0.02); }.insights-collection-card h3 { margin: 1.15rem 0 0; font-size: 1.05rem; }.insights-collection-card p { margin: 0.58rem 0 0; color: var(--mk-muted); font-size: 0.8rem; line-height: 1.6; }.insights-collection-card ul { display: grid; gap: 0.36rem; margin: 1rem 0 0; padding: 0; color: #c7cee2; font-size: 0.74rem; list-style: none; }.insights-collection-card li { display: flex; align-items: flex-start; gap: 0.45rem; }.insights-collection-card li::before { width: 0.35rem; height: 0.35rem; margin-top: 0.38rem; border-radius: 50%; background: var(--mk-cyan); content: ""; flex: 0 0 auto; }
.insights-flow-section { padding: clamp(4.5rem, 8vw, 7rem) 0; border-top: 1px solid rgba(175, 192, 255, 0.08); }.insights-flow-grid { display: grid; grid-template-columns: minmax(22rem, 0.86fr) minmax(0, 0.9fr); align-items: center; gap: clamp(2.5rem, 7vw, 6rem); }.insights-flow-visual { display: flex; align-items: center; justify-content: center; min-height: 13rem; padding: 1.2rem; border: 1px solid var(--mk-border); border-radius: 1rem; background: linear-gradient(145deg, rgba(18, 26, 49, 0.75), rgba(8, 11, 23, 0.82)); }.insights-flow-step { display: grid; width: 5.4rem; height: 5.4rem; place-items: center; border: 1px solid rgba(96, 216, 255, 0.23); border-radius: 50%; background: rgba(96, 216, 255, 0.07); color: #d9e4f8; font-size: 0.63rem; font-weight: 700; text-align: center; }.insights-flow-step i { display: block; color: var(--mk-cyan); font-size: 1rem; }.insights-flow-step:last-child { border-color: rgba(92, 222, 154, 0.24); background: rgba(92, 222, 154, 0.07); }.insights-flow-step:last-child i { color: var(--mk-green); }.insights-flow-connector { width: clamp(1.2rem, 4vw, 3rem); height: 1px; background: linear-gradient(90deg, rgba(96, 216, 255, 0.65), rgba(139, 140, 255, 0.35)); }.insights-flow-grid h2 { max-width: 15ch; margin: 0; font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1.08; }.insights-flow-grid p:not(.eyebrow) { max-width: 35rem; margin: 1rem 0 0; color: var(--mk-muted); font-size: 0.95rem; line-height: 1.7; }.insights-flow-grid .inline-link { margin-top: 1.3rem; }

@media (max-width: 1000px) { .insights-hero-grid, .insights-flow-grid { grid-template-columns: 1fr; }.insights-preview { max-width: 38rem; width: 100%; margin: 0 auto; }.insights-collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.insights-flow-visual { max-width: 34rem; width: 100%; margin: 0 auto; } }
@media (max-width: 700px) { .insights-question-grid { grid-template-columns: 1fr; }.insights-collection-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .insights-hero { padding-top: 3.6rem; }.insights-hero h1 { font-size: clamp(2.35rem, 10vw, 3.15rem); }.insights-hero-lead { font-size: 1rem; }.insights-hero-actions { flex-direction: column; align-items: stretch; }.insights-hero-actions .button { width: 100%; }.insights-preview-kpis, .insights-preview-reports { grid-template-columns: 1fr; }.insights-preview-chart { min-height: 7rem; }.insights-preview-chart svg { height: 4.35rem; }.insights-flow-visual { min-height: auto; gap: 0.45rem; padding: 1rem 0.45rem; }.insights-flow-step { width: 4.25rem; height: 4.25rem; font-size: 0.54rem; }.insights-flow-step i { font-size: 0.8rem; }.insights-flow-connector { width: 1.05rem; }.insights-page-cta .button { display: flex; width: 100%; margin: 0.75rem 0 0; } }