.rzw-cognitive-page {
  --cog-ink: #142033;
  --cog-muted: #607086;
  --cog-line: #dbe5ee;
  --cog-card: #ffffff;
  --cog-green: #147c63;
  --cog-blue: #2f5eea;
  --cog-gold: #b77a19;
  background:
    radial-gradient(circle at 10% 0%, rgba(20, 124, 99, .10), transparent 26%),
    radial-gradient(circle at 88% 12%, rgba(47, 94, 234, .10), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #eef4f8 58%, #fafafa 100%);
  color: var(--cog-ink);
}

.rzw-cognitive-page * { box-sizing: border-box; letter-spacing: 0; }
.rzw-cog-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.rzw-cog-hero { padding: 62px 0 28px; }
.rzw-cog-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 24px; align-items: stretch; }
.rzw-cog-hero-copy,
.rzw-cog-board,
.rzw-cog-onepage,
.rzw-cog-today,
.rzw-cog-core-grid article,
.rzw-cog-support-grid article,
.rzw-cog-training-grid article,
.rzw-cog-tool-grid a,
.rzw-cog-series-grid a,
.rzw-cog-source-box {
  border: 1px solid var(--cog-line);
  border-radius: 14px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 22px 58px rgba(20,32,51,.08);
}
.rzw-cog-hero-copy { padding: clamp(28px, 5vw, 54px); }
.rzw-cog-kicker { display: inline-flex; width: fit-content; margin: 0 0 14px; border: 1px solid rgba(47,94,234,.2); border-radius: 999px; background: #edf4ff; padding: 7px 12px; color: var(--cog-blue); font-size: 13px; font-weight: 900; }
.rzw-cog-hero h1 { margin: 0; color: var(--cog-ink); font-size: clamp(40px, 5vw, 68px); line-height: 1.04; }
.rzw-cog-lead { max-width: 760px; margin: 20px 0 0; color: var(--cog-muted); font-size: 19px; line-height: 1.78; }
.rzw-cog-memory { margin: 22px 0 0; border-left: 4px solid var(--cog-green); padding: 12px 0 12px 16px; color: #17463c; font-size: 18px; font-weight: 900; line-height: 1.72; }
.rzw-cog-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.rzw-cog-btn { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; border-radius: 999px; padding: 12px 18px; font-weight: 900; text-decoration: none; }
.rzw-cog-btn-primary { background: var(--cog-green); color: #fff; box-shadow: 0 16px 30px rgba(20,124,99,.18); }
.rzw-cog-btn-secondary { border: 1px solid #cbd5e1; background: #fff; color: var(--cog-ink); }
.rzw-cog-board { display: grid; align-content: stretch; gap: 20px; overflow: hidden; padding: 24px; background: linear-gradient(135deg, rgba(10,21,36,.95), rgba(18,49,63,.9)), #0a1624; color: #eef6ff; }
.rzw-cog-board-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.rzw-cog-board-top span, .rzw-cog-board-top strong { border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.08); padding: 8px 12px; color: #dff8f1; font-size: 13px; font-weight: 900; }
.rzw-cog-radar {
  position: relative;
  width: min(100%, 420px);
  aspect-ratio: 1;
  margin: 4px auto 0;
  border-radius: 50%;
  background:
    linear-gradient(rgba(141,220,208,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(141,220,208,.08) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(200,255,241,.22) 0 12%, transparent 13%),
    radial-gradient(circle at 50% 50%, transparent 0 28%, rgba(141,220,208,.30) 28.5% 29%, transparent 29.5% 42%, rgba(141,220,208,.26) 42.5% 43%, transparent 43.5% 60%, rgba(141,220,208,.28) 60.5% 61%, transparent 61.5%),
    radial-gradient(circle at 50% 50%, rgba(141,220,208,.12), rgba(15,38,58,.22) 56%, transparent 72%);
  background-size: 56px 56px, 56px 56px, auto, auto, auto;
}
.rzw-cog-radar::before,
.rzw-cog-radar::after {
  content: "";
  position: absolute;
  inset: 17%;
  border: 1px solid rgba(180,220,229,.24);
  border-radius: 50%;
}
.rzw-cog-radar::after {
  inset: 40%;
  background: rgba(226,238,246,.20);
  box-shadow: 0 0 28px rgba(226,238,246,.20), inset 0 0 18px rgba(255,255,255,.12);
}
.rzw-cog-radar-core {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  width: 82px;
  height: 82px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 50%;
  background: rgba(226,238,246,.18);
  color: #fff;
  font-weight: 950;
}
.rzw-cog-radar-sweep {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 34%;
  transform-origin: 50% 0;
  transform: rotate(7deg);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(158,233,215,.92), rgba(158,233,215,0));
  box-shadow: 0 0 18px rgba(158,233,215,.45);
}
.rzw-cog-radar-label {
  position: absolute;
  z-index: 4;
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(158,233,215,.28);
  border-radius: 999px;
  background: rgba(9,22,35,.74);
  padding: 8px 13px;
  color: #dff8f1;
  font-style: normal;
  font-size: 16px;
  font-weight: 950;
  text-shadow: 0 1px 10px rgba(158,233,215,.25);
  white-space: nowrap;
}
.rzw-cog-radar-label-0 { left: 14%; top: 24%; }
.rzw-cog-radar-label-1 { right: 13%; top: 18%; }
.rzw-cog-radar-label-2 { right: 11%; top: 58%; }
.rzw-cog-radar-label-3 { left: 18%; top: 72%; }
.rzw-cog-board-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.rzw-cog-board-metrics span {
  display: grid;
  min-height: 42px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  color: #eef6ff;
  font-weight: 950;
}
.rzw-cog-board p { margin: 0; color: #c8d8e8; line-height: 1.75; }
.rzw-cog-section { padding: 34px 0; }
.rzw-cog-heading { max-width: 780px; margin-bottom: 20px; }
.rzw-cog-heading h2, .rzw-cog-source-box h2 { margin: 0; color: var(--cog-ink); font-size: clamp(28px, 4vw, 42px); line-height: 1.18; }
.rzw-cog-heading p, .rzw-cog-source-box p { color: var(--cog-muted); line-height: 1.78; }
.rzw-cog-core-grid, .rzw-cog-training-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rzw-cog-support-grid, .rzw-cog-tool-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.rzw-cog-use-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rzw-cog-series-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rzw-cog-summary-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: 16px; align-items: stretch; }
.rzw-cog-core-grid article, .rzw-cog-support-grid article, .rzw-cog-training-grid article, .rzw-cog-tool-grid a, .rzw-cog-series-grid a, .rzw-cog-use-grid article { padding: 20px; }
.rzw-cog-onepage, .rzw-cog-today { padding: 28px; }
.rzw-cog-onepage {
  background:
    radial-gradient(circle at 12% 0%, rgba(20,124,99,.12), transparent 36%),
    linear-gradient(180deg, #fff 0%, #f6fffb 100%);
}
.rzw-cog-onepage h2,
.rzw-cog-today h2 {
  margin: 0 0 18px;
  color: var(--cog-ink);
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.16;
}
.rzw-cog-summary-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.rzw-cog-summary-list div {
  border: 1px solid rgba(20,124,99,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.78);
  padding: 16px;
}
.rzw-cog-summary-list strong {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  background: #e6f7f2;
  padding: 6px 10px;
  color: var(--cog-green);
  font-weight: 950;
}
.rzw-cog-summary-list p {
  margin: 10px 0 0;
  color: var(--cog-muted);
  line-height: 1.7;
}
.rzw-cog-today {
  background:
    linear-gradient(135deg, rgba(10,21,36,.95), rgba(18,49,63,.9)),
    #0a1624;
}
.rzw-cog-today h2 { color: #fff; }
.rzw-cog-today-list { display: grid; gap: 12px; }
.rzw-cog-today-list a {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: rgba(255,255,255,.07);
  padding: 16px;
  color: inherit;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.rzw-cog-today-list a:hover {
  transform: translateY(-2px);
  border-color: rgba(158,233,215,.34);
  background: rgba(255,255,255,.10);
}
.rzw-cog-today-list strong { color: #dff8f1; font-size: 18px; }
.rzw-cog-today-list span { color: #c8d8e8; line-height: 1.65; }
.rzw-cog-today-list em {
  width: fit-content;
  border-radius: 999px;
  background: #9ee9d7;
  padding: 7px 11px;
  color: #0b1f1b;
  font-style: normal;
  font-weight: 950;
}
.rzw-cog-use-grid article {
  border: 1px solid rgba(20,124,99,.18);
  border-radius: 14px;
  background: linear-gradient(180deg, #fff 0%, #f6fffb 100%);
  box-shadow: 0 18px 42px rgba(20,32,51,.06);
}
.rzw-cog-core-grid article { min-height: 430px; border-color: rgba(20,124,99,.26); background: radial-gradient(circle at 16% 0%, rgba(20,124,99,.12), transparent 34%), linear-gradient(180deg, #fff 0%, #f4fbf8 100%); }
.rzw-cog-core-grid h3, .rzw-cog-support-grid h3, .rzw-cog-training-grid h3, .rzw-cog-use-grid h3 { margin: 0 0 14px; color: var(--cog-ink); font-size: 22px; line-height: 1.35; }
.rzw-cog-core-grid dl { display: grid; gap: 13px; margin: 0; }
.rzw-cog-core-grid dt { color: #17463c; font-weight: 950; }
.rzw-cog-core-grid dd { margin: 5px 0 0; color: var(--cog-muted); line-height: 1.72; }
.rzw-cog-support-grid p, .rzw-cog-training-grid p, .rzw-cog-series-grid span { color: var(--cog-muted); line-height: 1.72; }
.rzw-cog-card-deep {
  margin-top: 14px;
  border: 1px solid rgba(20,124,99,.18);
  border-radius: 12px;
  background: rgba(255,255,255,.74);
  padding: 12px;
}
.rzw-cog-card-deep summary { cursor: pointer; color: #17463c; font-weight: 950; }
.rzw-cog-card-deep div { margin-top: 12px; border-top: 1px solid rgba(20,124,99,.14); padding-top: 12px; }
.rzw-cog-card-deep strong { color: var(--cog-green); font-weight: 950; }
.rzw-cog-card-deep p { margin: 6px 0 0; color: var(--cog-muted); line-height: 1.68; }
.rzw-cog-card-deep a { display: inline-flex; margin-top: 12px; border-radius: 999px; background: var(--cog-green); padding: 9px 12px; color: #fff; font-size: 13px; font-weight: 950; text-decoration: none; }
.rzw-cog-use-grid ul { display: grid; gap: 10px; margin: 0; padding-left: 20px; color: var(--cog-muted); line-height: 1.7; }
.rzw-cog-use-grid li::marker { color: var(--cog-green); }
.rzw-cog-tool-grid a, .rzw-cog-series-grid a { display: grid; gap: 8px; color: var(--cog-ink); text-decoration: none; }
.rzw-cog-tool-grid a { color: var(--cog-green); font-weight: 950; }
.rzw-cog-series-grid strong { display: inline-flex; width: fit-content; border-radius: 999px; background: #edf4ff; padding: 6px 10px; color: var(--cog-blue); }
.rzw-cog-series-grid a.is-current { border-color: rgba(20,124,99,.28); background: #f6fffb; }
.rzw-cog-source-box { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 20px; padding: 28px; }
.rzw-cog-source-links { display: flex; flex-wrap: wrap; gap: 10px; align-content: center; }
.rzw-cog-source-links a { border: 1px solid var(--cog-line); border-radius: 999px; background: #fff; padding: 8px 12px; color: var(--cog-ink); font-weight: 850; text-decoration: none; }
@media (max-width: 980px) {
  .rzw-cog-hero-grid, .rzw-cog-summary-grid, .rzw-cog-core-grid, .rzw-cog-support-grid, .rzw-cog-training-grid, .rzw-cog-tool-grid, .rzw-cog-series-grid, .rzw-cog-use-grid, .rzw-cog-source-box { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .rzw-cog-shell { width: min(100% - 28px, 1180px); }
  .rzw-cog-hero { padding-top: 34px; }
  .rzw-cog-hero-copy, .rzw-cog-board, .rzw-cog-onepage, .rzw-cog-today, .rzw-cog-source-box { padding: 22px; }
  .rzw-cog-hero h1 { font-size: 40px; }
  .rzw-cog-lead, .rzw-cog-memory { font-size: 16px; }
  .rzw-cog-actions { flex-direction: column; }
  .rzw-cog-btn { width: 100%; }
  .rzw-cog-radar { width: min(100%, 330px); }
  .rzw-cog-radar-label { min-height: 34px; padding: 7px 10px; font-size: 14px; }
  .rzw-cog-board-metrics { gap: 8px; }
  .rzw-cog-board-metrics span { min-height: 38px; font-size: 14px; }
  .rzw-cog-summary-list { grid-template-columns: 1fr; }
  .rzw-cog-core-grid article { min-height: auto; }
}