/* Homepage — authentic early-2000s Web 2.0 / Windows XP Luna (2003–2008) */

.view-web2k {
  --w2k-xp-blue: #0058e6;
  --w2k-xp-blue-hi: #3a8fd9;
  --w2k-xp-blue-lo: #003399;
  --w2k-silver-hi: #ffffff;
  --w2k-silver-mid: #d4dce8;
  --w2k-silver-lo: #8494a8;
  --w2k-panel-bg: #ece9d8;
  --w2k-content-bg: #d4e4f7;
  --w2k-text: #0c0c0c;
  --w2k-text-hi: #002266;
  --w2k-muted: #333333;
  --w2k-link: #0000aa;
  --w2k-card-bg: #faf8f4;
  --w2k-card-bg-alt: #f5f2ea;
  --w2k-inset-bg: linear-gradient(180deg, #ece9d8 0%, #d4d0c8 100%);
  --w2k-inset-border: #808080 #fff #fff #808080;
  --w2k-layout-max: 920px;
  --w2k-sidebar-w: 11.5rem;
  --w2k-app-window-max: 480px;
}

/* ── Page backdrop: flat XP desktop (no grid / starfield) ── */
.view-web2k.doc-root {
  background: #b8cce8 !important;
  background-image: none !important;
  color: var(--w2k-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.view-web2k.doc-root::before {
  display: none !important;
}

.view-web2k .doc-flow-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: calc(100% - 1.5rem);
  max-width: var(--w2k-layout-max);
  margin: 0.75rem auto;
  min-height: calc(100vh - 1.5rem);
  border: 3px solid;
  border-color: #fff #808080 #808080 #fff;
  border-radius: 4px;
  background: linear-gradient(180deg, #d4e4f7 0%, #b8cce8 55%, #a8c0e0 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 10px 36px rgba(0, 51, 153, 0.18);
  overflow: hidden;
}

.view-web2k .canvas-stage {
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* ── XP vertical sidebar (in-flow, like classic portal nav) ── */
.view-web2k .side-panel--web2k {
  position: relative;
  top: auto;
  left: auto;
  z-index: 2;
  width: var(--w2k-sidebar-w);
  height: auto;
  min-height: 100%;
  flex-shrink: 0;
  transform: none;
  background: linear-gradient(180deg, #f0f0ea 0%, #e4e0d8 45%, #d4d0c8 100%);
  border-right: 2px solid;
  border-color: #fff #808080 #808080 #fff;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.08);
}

.view-web2k .side-panel--web2k .mark-cluster--side {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 0.65rem;
  background: linear-gradient(180deg, #fff 0%, #ece9d8 100%);
  border-bottom: 2px solid;
  border-color: #fff #808080 #808080 #fff;
  text-decoration: none;
}

.view-web2k .side-panel--web2k .mark-cluster--side:hover {
  background: linear-gradient(180deg, #fff 0%, #f4f2ec 100%);
}

.view-web2k .side-panel--web2k .mark-icon {
  width: 2rem;
  height: 2rem;
  filter: none;
}

.view-web2k .side-panel--web2k .mark-name {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #003399;
  text-shadow: none;
  letter-spacing: 0.01em;
}

.view-web2k .side-panel--web2k .side-menu {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0.5rem 0 0.75rem;
  overflow-y: auto;
}

.view-web2k .side-panel--web2k .side-link {
  position: relative;
  display: block;
  margin: 1px 0.4rem;
  padding: 0.42rem 0.55rem 0.42rem 0.7rem;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
  color: #000;
  text-decoration: none;
  border-radius: 0;
  border: 1px solid transparent;
  border-left: 3px solid transparent;
  transition: background 0.1s ease, color 0.1s ease, border-color 0.1s ease;
}

.view-web2k .side-panel--web2k .side-link::after {
  display: none;
}

.view-web2k .side-panel--web2k .side-link:hover {
  color: #003399;
  background: linear-gradient(180deg, #e8f0fc 0%, #c0d8f0 100%);
  border-color: #808080 #c0d0e0 #c0d0e0 #808080;
  border-left-color: #0050ee;
}

.view-web2k .side-panel--web2k .side-link--on {
  color: #fff;
  font-weight: 700;
  background: linear-gradient(180deg, #0997ff 0%, #0053ee 35%, #0050ee 100%);
  border: 1px solid #003399;
  border-left: 3px solid #003399;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}

.view-web2k .side-panel--web2k .side-link--on:hover {
  color: #fff;
  background: linear-gradient(180deg, #2aabff 0%, #0060ff 35%, #0058ee 100%);
  border-color: #003399;
  border-left-color: #003399;
}

/* ── XP Luna title bar (tools only — nav lives in sidebar) ── */
.view-web2k .head-band--web2k {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: nowrap;
  padding: 0.45rem 0.75rem;
  position: relative;
  z-index: 50;
}

.view-web2k .head-band--web2k .head-band__tag {
  display: block;
  margin: 0;
  padding: 0.15rem 0.5rem;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
  background: transparent;
  border: none;
  box-shadow: none;
}

.view-web2k .head-band--web2k .head-band__tools {
  margin-left: auto;
  flex-shrink: 0;
}

.view-web2k .head-band--web2k .menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  flex-shrink: 0;
  background: linear-gradient(180deg, #fefefe, #ece9d8);
  border: 2px outset #ece9d8;
  border-radius: 0;
  color: #003399;
  cursor: pointer;
}

@media (max-width: 1023px) {
  .view-web2k .side-panel--web2k {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    width: var(--w2k-sidebar-w);
    height: 100vh;
    min-height: 0;
    transform: translateX(-100%);
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.35);
  }

  .view-web2k .side-panel--web2k.is-open {
    transform: translateX(0);
  }

  html[dir="rtl"] .view-web2k .side-panel--web2k {
    left: auto;
    right: 0;
    transform: translateX(100%);
  }

  html[dir="rtl"] .view-web2k .side-panel--web2k.is-open {
    transform: translateX(0);
  }

  .view-web2k .head-band--web2k .menu-toggle {
    display: flex;
  }

  .view-web2k .head-band--web2k .head-band__tag {
    display: none;
  }

  .view-web2k .side-panel--web2k .mark-cluster--side {
    display: flex;
  }
}

.view-web2k .head-band {
  background: linear-gradient(
    180deg,
    #0997ff 0%,
    #0053ee 8%,
    #0050ee 40%,
    #06f 88%,
    #0050ee 93%,
    #003ddb 100%
  );
  border-bottom: 1px solid #003399;
  border-radius: 0;
  box-shadow: inset 0 1px 0 #4db2ff;
  padding: 0.5rem 0.85rem;
}

.view-web2k .head-band__tools {
  margin-left: auto;
}

.view-web2k .head-band__tools .locale-trigger {
  min-width: 6.5rem;
  padding: 0.3rem 0.55rem;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #000 !important;
  background: #ece9d8;
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
}

.view-web2k .head-band__tools .locale-trigger:hover,
.view-web2k .head-band__tools .locale-picker.is-open .locale-trigger {
  background: #fff;
}

.view-web2k .head-band__tools .locale-picker > .locale-dropdown {
  background: #ece9d8;
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;
  border-radius: 0;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}

.view-web2k .head-band__tools .locale-dropdown a {
  color: #000 !important;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.view-web2k .head-band__tools .locale-dropdown a:hover {
  color: #fff !important;
  background: #0050ee;
}

.view-web2k .head-band__tools .locale-dropdown a.is-current {
  color: #003399 !important;
  background: #c0d8f0;
  font-weight: 700;
}

.view-web2k .head-band__tools .side-acquire--band {
  position: relative;
  overflow: hidden;
  padding: 0.35rem 0.75rem !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #000 !important;
  text-shadow: none !important;
  border-radius: 0 !important;
  border: 2px solid !important;
  border-color: #fff #404040 #404040 #fff !important;
  background: linear-gradient(180deg, #fefefe 0%, #ece9d8 45%, #d4d0c8 100%) !important;
  box-shadow: none !important;
}

.view-web2k .head-band__tools .side-acquire--band::before {
  display: none;
}

.view-web2k .head-band__tools .side-acquire--band svg {
  color: #003399;
}

.view-web2k .head-band__tools .side-acquire--band:hover {
  filter: none;
  background: linear-gradient(180deg, #fff 0%, #f0f0ea 100%) !important;
}

.view-web2k .head-band__tools .side-acquire--band:active {
  border-color: #404040 #fff #fff #404040 !important;
  transform: none;
}

/* ── Light content area (classic web portal) ── */
.view-web2k .content-well {
  background: transparent;
}

.view-web2k .page-canvas {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0.65rem 1rem 1.25rem;
  box-sizing: border-box;
  color: var(--w2k-text);
  font-family: Tahoma, Verdana, Arial, sans-serif;
}

/* Tailwind section wrappers — stay within narrow column */
.view-web2k .page-canvas .max-w-7xl,
.view-web2k .page-canvas .max-w-4xl,
.view-web2k .page-canvas .max-w-3xl,
.view-web2k .page-canvas .max-w-2xl {
  max-width: 100% !important;
}

.view-web2k .page-canvas .max-w-7xl,
.view-web2k .page-canvas .max-w-4xl,
.view-web2k .page-canvas .max-w-3xl {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.view-web2k .page-canvas > section {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.view-web2k .page-canvas > section.py-20,
.view-web2k .page-canvas > section.sm\:py-28 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.view-web2k .page-canvas .mb-16 {
  margin-bottom: 2rem !important;
}

.view-web2k .page-canvas .gap-5 {
  gap: 0.875rem !important;
}

.view-web2k .page-canvas .gap-6 {
  gap: 1rem !important;
}

.view-web2k .metric-block {
  padding: 1.25rem 0.75rem !important;
}

.view-web2k .panel-bevel.p-8 {
  padding: 1.25rem !important;
}

/* Kill modern animations */
.view-web2k .anim-in,
.view-web2k .lead-text,
.view-web2k .lead-note,
.view-web2k .lead-acts,
.view-web2k .lead-spec,
.view-web2k .lead-chip,
.view-web2k .lead-title,
.view-web2k .xp-window {
  animation: none !important;
}

/* ── HERO ── */
.view-web2k .lead-band,
.view-web2k .web2k-hero {
  min-height: auto !important;
  align-items: flex-start !important;
  padding: 0.5rem 0 0.75rem !important;
  overflow: visible !important;
}

.view-web2k .web2k-hero-sky,
.view-web2k .web2k-grid-bg,
.view-web2k .web2k-hero-sparkles,
.view-web2k .home-usecases__grid {
  display: none !important;
}

/* ── HERO layout ── */
.view-web2k .lead-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  padding: 0.25rem 0 0.5rem !important;
  gap: 0.875rem !important;
}

/* Hero content panel — inset XP window */
.view-web2k .web2k-hero-panel {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  border: 2px solid;
  border-color: #0050ee #003399 #003399 #0050ee;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

.view-web2k .web2k-hero-panel__titlebar {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.5rem;
  background: linear-gradient(180deg, #0997ff 0%, #0053ee 8%, #0050ee 40%, #06f 88%, #003ddb 100%);
  border-bottom: 1px solid #003399;
  box-shadow: inset 0 1px 0 #4db2ff;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.view-web2k .web2k-hero-panel__icon {
  width: 16px;
  height: 16px;
}

.view-web2k .web2k-hero-panel__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 0.875rem 1rem 1rem;
  background: linear-gradient(180deg, var(--w2k-card-bg) 0%, var(--w2k-card-bg-alt) 100%);
  border-top: 1px solid #fff;
}

.view-web2k .web2k-hero-panel__status {
  padding: 0.2rem 0.5rem;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: #222;
  background: linear-gradient(180deg, #ece9d8, #d4d0c8);
  border-top: 1px solid #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.view-web2k .web2k-rule {
  border: none;
  height: 4px;
  margin: 0.5rem auto 0.875rem;
  max-width: 90%;
  background: linear-gradient(90deg, transparent, #0050ee 20%, #4db2ff 50%, #0050ee 80%, transparent);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* Chip — XP toolbar badge */
.view-web2k .lead-chip {
  display: inline-flex !important;
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
  color: #003399 !important;
  background: linear-gradient(180deg, #fff, #d4dce8) !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  box-shadow: none !important;
  margin-bottom: 0.75rem !important;
}

.view-web2k .lead-chip svg {
  color: #0050ee !important;
  filter: none;
}

/* Embossed headline — crisp on beige panel */
.view-web2k .lead-title {
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(1.55rem, 4.5vw, 2.25rem) !important;
  letter-spacing: 0.02em !important;
  line-height: 1.12 !important;
  color: var(--w2k-text-hi) !important;
  margin-bottom: 0 !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.95);
}

.view-web2k .lead-title .txt-shine {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #0044cc !important;
  filter: none;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9);
}

.view-web2k .lead-text {
  color: var(--w2k-text) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  text-shadow: none !important;
  margin-bottom: 0.65rem !important;
}

.view-web2k .lead-note {
  color: var(--w2k-muted) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-shadow: none !important;
  margin-bottom: 1.25rem !important;
}

.view-web2k .lead-acts {
  margin-bottom: 1rem !important;
  gap: 0.65rem !important;
}

/* Classic XP buttons */
.view-web2k .act-btn-main {
  position: relative;
  overflow: visible;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  color: #000 !important;
  text-shadow: none !important;
  border-radius: 0 !important;
  border: 2px solid !important;
  border-color: #fff #404040 #404040 #fff !important;
  background: linear-gradient(180deg, #fefefe 0%, #ece9d8 45%, #d4d0c8 100%) !important;
  box-shadow: none !important;
  min-width: 11rem;
}

.view-web2k .act-btn-main::before {
  display: none;
}

.view-web2k .act-btn-main svg {
  color: #003399;
}

.view-web2k .act-btn-main--lead {
  padding: 0.45rem 1.15rem !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #fff !important;
  border-color: #4db2ff #003399 #003399 #4db2ff !important;
  background: linear-gradient(180deg, #6eb6ff 0%, #0050ee 50%, #003399 100%) !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 3px 6px rgba(0, 0, 0, 0.3) !important;
}

.view-web2k .act-btn-main--lead::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6%;
  right: 6%;
  height: 40%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.45), transparent);
  pointer-events: none;
}

.view-web2k .act-btn-main--lead svg {
  color: #fff;
}

.view-web2k .act-btn-main:hover {
  filter: none;
  transform: none !important;
}

.view-web2k .act-btn-main--lead:hover {
  background: linear-gradient(180deg, #8ec8ff 0%, #0060ff 50%, #0040bb 100%) !important;
}

.view-web2k .act-btn-main:active,
.view-web2k .act-btn-main--lead:active {
  border-color: #003399 #4db2ff #4db2ff #003399 !important;
  transform: translateY(1px) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25) !important;
}

.view-web2k .act-btn-alt {
  font-family: Tahoma, Verdana, sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  color: #000 !important;
  border-radius: 0 !important;
  border: 2px solid !important;
  border-color: #fff #404040 #404040 #fff !important;
  background: linear-gradient(180deg, #fefefe, #ece9d8 50%, #d4d0c8) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.view-web2k .act-btn-alt:hover {
  color: #000 !important;
  background: linear-gradient(180deg, #fff, #f0f0ea) !important;
  transform: none !important;
}

.view-web2k .act-btn-alt:active {
  border-color: #404040 #fff #fff #404040 !important;
}

.view-web2k .lead-spec {
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--w2k-muted) !important;
  letter-spacing: 0.03em !important;
  margin-top: 0.75rem;
  padding: 0.3rem 0.55rem;
  background: rgba(255, 255, 255, 0.75);
  border: 1px inset #a0a0a0;
  display: inline-block;
}

.view-web2k .lead-visual-wrap {
  width: 100%;
  max-width: var(--w2k-app-window-max);
  margin: 0.25rem auto 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.view-web2k .lead-visual-wrap .lead-visual {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  cursor: zoom-in;
}

/* XP app window (other pages / standalone use) */

.view-web2k .xp-window {
  width: 100%;
  max-width: var(--w2k-app-window-max);
  margin: 0 auto;
  border: 2px solid;
  border-color: #0050ee #003399 #003399 #0050ee;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.32);
  overflow: hidden;
}

.view-web2k .xp-window__titlebar {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.5rem;
  background: linear-gradient(180deg, #0997ff 0%, #0053ee 8%, #0050ee 40%, #06f 88%, #003ddb 100%);
  border-bottom: 1px solid #003399;
  box-shadow: inset 0 1px 0 #4db2ff;
}

.view-web2k .xp-window__icon {
  width: 16px;
  height: 16px;
  background: transparent;
}

.view-web2k .xp-window__title {
  flex: 1;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.view-web2k .xp-win-btn {
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 0;
  border: 2px solid;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.view-web2k .xp-win-btn--min,
.view-web2k .xp-win-btn--max {
  background: linear-gradient(180deg, #3a8fd9, #0050ee);
  border-color: #4db2ff #003399 #003399 #4db2ff;
}

.view-web2k .xp-win-btn--close {
  background: linear-gradient(180deg, #f08060, #c03020);
  border-color: #ffb0a0 #802010 #802010 #ffb0a0;
}

.view-web2k .xp-window__menubar {
  display: flex;
  gap: 0.75rem;
  padding: 0.15rem 0.5rem;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  color: #000;
  background: #ece9d8;
  border-bottom: 1px solid #808080;
}

.view-web2k .xp-window__body {
  padding: 4px;
  background: #ece9d8;
}

.view-web2k .xp-window__body .lead-visual {
  border: 2px inset #808080;
  border-radius: 0;
  cursor: zoom-in;
}

.view-web2k .xp-window__statusbar {
  display: flex;
  justify-content: space-between;
  padding: 0.15rem 0.5rem;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 10px;
  color: #333;
  background: #ece9d8;
  border-top: 1px solid #fff;
}

/* ── Below-fold sections on light bg ── */
.view-web2k h1,
.view-web2k h2,
.view-web2k h3 {
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  letter-spacing: 0.02em !important;
}

.view-web2k h2,
.view-web2k .text-3xl,
.view-web2k .text-4xl,
.view-web2k .text-5xl {
  color: var(--w2k-text-hi) !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.view-web2k h3 {
  color: var(--w2k-text-hi) !important;
  font-weight: 700 !important;
  text-shadow: none;
}

.view-web2k .home-compare__title {
  color: var(--w2k-text-hi) !important;
  font-weight: 800 !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
}

.view-web2k .home-compare__lead {
  color: var(--w2k-muted) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

.view-web2k .home-compare__table tbody td {
  color: var(--w2k-text) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.view-web2k .home-compare__tool {
  color: var(--w2k-text-hi) !important;
  font-weight: 700 !important;
}

.view-web2k .home-compare__row--featured .home-compare__tool {
  color: #0044cc !important;
}

.view-web2k .home-compare__pick {
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 9px !important;
  background: linear-gradient(180deg, #0997ff, #0050ee) !important;
  border: 1px solid #003399 !important;
  box-shadow: inset 0 1px 0 #4db2ff;
}

.view-web2k .home-compare__highlight {
  color: #0044cc !important;
  font-weight: 800 !important;
}

.view-web2k .home-compare__badge {
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 0.2rem 0.45rem !important;
}

.view-web2k .home-compare__badge--yes {
  color: #006633 !important;
  background: linear-gradient(180deg, #e8f8ec, #c8e8d0) !important;
  border: 1px solid #008000 !important;
}

.view-web2k .home-compare__badge--warn {
  color: #804000 !important;
  background: linear-gradient(180deg, #fff8e8, #ffe8c8) !important;
  border: 1px solid #c8a860 !important;
}

.view-web2k .home-compare__badge--muted {
  color: var(--w2k-muted) !important;
  background: linear-gradient(180deg, #ece9d8, #d4d0c8) !important;
  border: 1px solid #808080 !important;
}

.view-web2k .home-compare__link {
  color: var(--w2k-link) !important;
  font-weight: 700 !important;
}

.view-web2k .quote-lane article {
  background: linear-gradient(180deg, var(--w2k-card-bg), var(--w2k-card-bg-alt)) !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  border-radius: 0 !important;
  color: var(--w2k-text) !important;
}

.view-web2k .quote-lane article p,
.view-web2k .quote-lane article blockquote {
  color: var(--w2k-text) !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  text-shadow: none !important;
}

.view-web2k .quote-lane article cite,
.view-web2k .quote-lane article .text-slate-500 {
  color: var(--w2k-muted) !important;
  font-weight: 600 !important;
}

/* ── Readability: body copy & section text ── */
.view-web2k .page-canvas p,
.view-web2k .page-canvas li {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  text-shadow: none;
}

.view-web2k .page-canvas p {
  font-weight: 500;
  line-height: 1.55;
  color: var(--w2k-text);
}

.view-web2k .text-lg {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.view-web2k .text-sm {
  font-size: 11px !important;
  line-height: 1.5 !important;
}

.view-web2k .leading-relaxed,
.view-web2k .space-y-5 p {
  color: var(--w2k-text) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}

.view-web2k .panel-bevel h3,
.view-web2k .panel-bevel .text-xl {
  color: var(--w2k-text-hi) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-shadow: none !important;
}

.view-web2k .panel-bevel p,
.view-web2k .panel-bevel .text-sm {
  color: var(--w2k-text) !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

.view-web2k .copy-lead,
.view-web2k .copy-dim,
.view-web2k .copy-spec {
  text-shadow: none !important;
}

.view-web2k .copy-link {
  color: var(--w2k-link) !important;
  font-weight: 700 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.view-web2k .copy-link:hover {
  color: #0044cc !important;
}

.view-web2k .metric-block p {
  color: var(--w2k-muted) !important;
  font-weight: 600 !important;
}

.view-web2k .txt-shine {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #0044cc !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
}

.view-web2k .zone-glow,
.view-web2k .showcase-glow {
  display: none !important;
}

.view-web2k .block-tag {
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  color: #fff !important;
  background: linear-gradient(180deg, #0997ff, #0050ee) !important;
  border: 1px solid #003399 !important;
  box-shadow: inset 0 1px 0 #4db2ff !important;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}

.view-web2k .block-tag::before {
  display: none !important;
}

.view-web2k .panel-bevel,
.view-web2k .metric-block,
.view-web2k .pricing-card {
  background: linear-gradient(180deg, var(--w2k-card-bg), var(--w2k-card-bg-alt)) !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: var(--w2k-text) !important;
}

.view-web2k .panel-bevel::before {
  display: none !important;
}

.view-web2k .panel-bevel:hover {
  transform: none !important;
  background: linear-gradient(180deg, #fff, #f0f0ea) !important;
}

.view-web2k .panel-bevel--hi {
  background: linear-gradient(180deg, #d4e8ff, #b8d4f0) !important;
  border-color: #4db2ff #003399 #003399 #4db2ff !important;
}

.view-web2k .ico-slot {
  border-radius: 0 !important;
  background: #ece9d8 !important;
  border: 2px inset #808080 !important;
  box-shadow: none !important;
}

.view-web2k .metric-num {
  font-family: Tahoma, Verdana, sans-serif !important;
  color: var(--w2k-text-hi) !important;
  font-weight: 800 !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}

.view-web2k .metric-num span {
  color: #0044cc !important;
}

.view-web2k .text-slate-400,
.view-web2k .text-slate-500,
.view-web2k .text-slate-600 {
  color: var(--w2k-muted) !important;
  font-weight: 500 !important;
}

.view-web2k .text-white {
  color: var(--w2k-text-hi) !important;
}

.view-web2k h3.text-white,
.view-web2k .home-use-card__title {
  color: var(--w2k-text-hi) !important;
  text-shadow: none;
  font-weight: 800 !important;
}

.view-web2k .text-blue-400,
.view-web2k .copy-accent,
.view-web2k .copy-link {
  color: var(--w2k-link) !important;
}

.view-web2k .use-tile {
  padding: 0 !important;
  background: #707070 !important;
  border-radius: 0 !important;
  border: 2px solid #505050 !important;
}

.view-web2k .use-tile:hover {
  transform: none !important;
  box-shadow: none !important;
}

.view-web2k .home-use-card__inner {
  border-radius: 0 !important;
  padding: 1.125rem 1rem 1.25rem !important;
  background: linear-gradient(180deg, var(--w2k-card-bg) 0%, var(--w2k-card-bg-alt) 100%) !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  color: var(--w2k-text) !important;
}

.view-web2k .home-use-card__inner::after {
  display: none;
}

.view-web2k .home-use-card__tag {
  display: inline-block;
  margin-bottom: 0.75rem;
  padding: 0.2rem 0.55rem;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff !important;
  background: linear-gradient(180deg, #0997ff 0%, #0050ee 100%) !important;
  border: 1px solid #003399 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}

.view-web2k .home-use-card__icon {
  border-radius: 0 !important;
  border: 2px inset #808080 !important;
  box-shadow: none !important;
  background: #ece9d8 !important;
  margin-bottom: 0.75rem;
}

.view-web2k .home-use-card__icon--emerald {
  color: #006633 !important;
  background: #e8f4ec !important;
}

.view-web2k .home-use-card__icon--violet {
  color: #4422aa !important;
  background: #eee8f8 !important;
}

.view-web2k .home-use-card__icon--cyan {
  color: #005588 !important;
  background: #e8f4fc !important;
}

.view-web2k .home-use-card__title {
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--w2k-text-hi) !important;
  letter-spacing: 0.01em !important;
  margin-bottom: 0.5rem !important;
  text-shadow: none !important;
}

.view-web2k .home-use-card__text {
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  color: var(--w2k-text) !important;
  margin-bottom: 0.875rem !important;
  text-shadow: none !important;
}

.view-web2k .home-use-card__list li {
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  color: #222222 !important;
  text-shadow: none !important;
}

.view-web2k .home-use-card__list li::before {
  background: #0044cc !important;
  box-shadow: none !important;
  width: 5px;
  height: 5px;
  top: 0.5rem;
}

.view-web2k .call-strip {
  position: relative;
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 1.35rem 1.15rem !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: 3px solid !important;
  border-color: #4db2ff #003399 #003399 #4db2ff !important;
  background: linear-gradient(180deg, #d4e8ff 0%, #b8d4f0 100%) !important;
  box-shadow: inset 0 1px 0 #fff !important;
  animation: none !important;
}

.view-web2k .call-strip::before {
  display: none !important;
}

.view-web2k .call-strip > div,
.view-web2k .call-strip .relative.z-10 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
}

.view-web2k .call-strip h2 {
  width: 100% !important;
  margin: 0 0 0.5rem !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-size: clamp(1.125rem, 2.8vw, 1.45rem) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: var(--w2k-text-hi) !important;
  text-align: center !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
}

.view-web2k .call-strip p,
.view-web2k .call-strip .text-slate-400 {
  width: 100% !important;
  max-width: 26rem !important;
  margin: 0 auto 1rem !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  color: var(--w2k-text) !important;
  text-align: center !important;
}

.view-web2k .call-strip .act-btn-main {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  margin: 0 auto !important;
  padding: 0.5rem 1.25rem !important;
  min-width: 11rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  border-color: #4db2ff #003399 #003399 #4db2ff !important;
  background: linear-gradient(180deg, #6eb6ff 0%, #0050ee 50%, #003399 100%) !important;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 3px 6px rgba(0, 0, 0, 0.22) !important;
}

.view-web2k .call-strip .act-btn-main:hover {
  transform: none !important;
  filter: none !important;
  background: linear-gradient(180deg, #8ec8ff 0%, #0060ff 50%, #0040bb 100%) !important;
}

.view-web2k .call-strip .act-btn-main svg {
  color: #fff !important;
}

.view-web2k section:has(.call-strip),
.view-web2k section:has(.call-strip-legacy) {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.view-web2k section:has(.call-strip) .max-w-4xl {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.view-web2k .call-strip-legacy {
  position: relative;
  overflow: hidden;
  padding: 1.35rem 1.15rem !important;
  margin-top: 1rem;
  text-align: center !important;
  border: 3px solid !important;
  border-color: #4db2ff #003399 #003399 #4db2ff !important;
  border-top: 3px solid #4db2ff !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #d4e8ff 0%, #b8d4f0 100%) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

.view-web2k .call-strip__glow {
  display: none !important;
}

.view-web2k .call-strip__core {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.view-web2k .call-strip-legacy h2 {
  margin: 0 0 0.5rem !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-size: clamp(1.125rem, 2.8vw, 1.45rem) !important;
  font-weight: 800 !important;
  color: var(--w2k-text-hi) !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
}

.view-web2k .call-strip-legacy p {
  margin: 0 0 1rem !important;
  max-width: 26rem;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  color: var(--w2k-text) !important;
}

.view-web2k .call-strip-legacy .act-btn-main {
  margin: 0.25rem 0.35rem 0 !important;
}

.view-web2k .call-strip-legacy .page-btn--secondary {
  margin-top: 0.5rem !important;
}

.view-web2k .home-compare__frame {
  padding: 0 !important;
  border: 2px inset #808080 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.view-web2k .home-compare__scroll {
  overflow-x: auto;
  border-radius: 0 !important;
  background: #fff !important;
}

.view-web2k .home-compare__table {
  border-collapse: collapse !important;
}

.view-web2k .home-compare__table th {
  background: linear-gradient(180deg, #0997ff, #0050ee) !important;
  color: #fff !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid #003399 !important;
  padding: 0.65rem 1rem !important;
}

.view-web2k .home-compare__table tbody td {
  border-top: 1px solid #a8b8cc !important;
  background: #fff !important;
  color: var(--w2k-text) !important;
}

.view-web2k .home-compare__table tbody tr:nth-child(even):not(.home-compare__row--featured) td {
  background: linear-gradient(180deg, #f5f2ea, #ebe6dc) !important;
}

.view-web2k .home-compare__table tbody tr:not(.home-compare__row--featured):hover td {
  background: linear-gradient(180deg, #ece9d8, #e0dbd2) !important;
  color: var(--w2k-text) !important;
}

.view-web2k .home-compare__row--featured td {
  background: linear-gradient(180deg, #d4e8ff, #b8cce8) !important;
  border-top-color: #4db2ff !important;
}

.view-web2k .home-compare__row--featured {
  background: transparent !important;
}

.view-web2k .home-compare__footer {
  color: var(--w2k-text) !important;
}

.view-web2k .base-foot {
  background: linear-gradient(180deg, #506880, #405870);
  border-top: 2px solid #808080;
  color: #c0d0e0;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 11px;
  padding: 0.85rem 1rem !important;
}

.view-web2k .foot-lang a {
  color: #4db2ff !important;
}

.view-web2k .side-acquire--float {
  border-radius: 0 !important;
  border: 2px solid !important;
  border-color: #4db2ff #003399 #003399 #4db2ff !important;
  background: linear-gradient(180deg, #6eb6ff, #0050ee 50%, #003399) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) !important;
}

/* ── Inner pages (features, download, guides, FAQ, policy, 404) ── */
.view-web2k.doc-surface-ext {
  background: #b8cce8 !important;
  background-image: none !important;
  color: var(--w2k-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.view-web2k.doc-surface-ext .content-well,
.view-web2k.doc-surface-ext main,
.view-web2k.doc-surface-ext .page-canvas {
  background: transparent !important;
  color: var(--w2k-text);
}

.view-web2k.doc-surface-ext .page-canvas {
  padding: 0.65rem 1rem 1.25rem;
  box-sizing: border-box;
}

.view-web2k .cap-intro__grid,
.view-web2k .cap-intro__glow,
.view-web2k .feat-showcase__glow,
.view-web2k .cap-stage__glow--a,
.view-web2k .cap-stage__glow--b,
.view-web2k .cap-grid__bg,
.view-web2k .feat-extras__glow,
.view-web2k .faq-hero__decor,
.view-web2k .guide-hero__grid {
  display: none !important;
}

.view-web2k .cap-intro {
  position: relative;
  min-height: auto !important;
  margin: 0 0 1rem;
  padding: 1rem !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  background: linear-gradient(180deg, var(--w2k-card-bg) 0%, var(--w2k-card-bg-alt) 100%) !important;
  box-shadow: none !important;
  border-bottom: none !important;
  overflow: hidden;
}

.view-web2k .cap-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    linear-gradient(rgba(128, 128, 128, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(128, 128, 128, 0.1) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}

.view-web2k .cap-intro__core,
.view-web2k .cap-intro > .max-w-7xl {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0.75rem 0.25rem 0.5rem !important;
  text-align: center;
  box-sizing: border-box;
}

.view-web2k .cap-intro > .max-w-7xl {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.view-web2k .cap-intro__copy {
  max-width: 42rem;
  margin: 0 auto;
}

.view-web2k .cap-intro h1,
.view-web2k .cap-intro__title,
.view-web2k .cap-intro .max-w-7xl > h1 {
  color: var(--w2k-text-hi) !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(1.65rem, 4.5vw, 2.35rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
  margin-bottom: 0.75rem !important;
}

.view-web2k .cap-intro__title span {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  color: #0044cc !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
}

.view-web2k .cap-intro__text,
.view-web2k .cap-intro p,
.view-web2k .cap-intro .max-w-7xl > p {
  color: var(--w2k-text) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  text-shadow: none !important;
  max-width: 36rem;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0.75rem !important;
  text-align: center !important;
}

.view-web2k .cap-intro__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
  margin-top: 0.35rem;
}

.view-web2k .cap-row__text,
.view-web2k .guide-body,
.view-web2k .guide-body--sm,
.view-web2k .guide-step__text,
.view-web2k .page-step p {
  color: var(--w2k-text) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  text-shadow: none !important;
}

.view-web2k .cap-row__title,
.view-web2k .flow-block h2,
.view-web2k .flow-block h3,
.view-web2k .guide-step h3,
.view-web2k .page-step h3,
.view-web2k .faq-section h2,
.view-web2k .home-compare__title {
  color: var(--w2k-text-hi) !important;
  font-weight: 800 !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
}

.view-web2k .cap-row__tag,
.view-web2k .cap-intro__tag {
  display: inline-flex !important;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.65rem !important;
  margin-bottom: 0.875rem !important;
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: linear-gradient(180deg, #0997ff, #0050ee) !important;
  border: 1px solid #003399 !important;
  box-shadow: inset 0 1px 0 #4db2ff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}

.view-web2k .cap-intro__tag::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #4db2ff;
  flex-shrink: 0;
  box-shadow: none;
}

.view-web2k .cap-row--title-center {
  grid-template-columns: 1fr;
  gap: 1.5rem 2.5rem;
}

.view-web2k .cap-row--title-center .cap-row__head {
  grid-column: 1 / -1;
  text-align: center;
}

.view-web2k .cap-row--title-center .cap-row__head .cap-row__tag {
  display: inline-block;
  margin-bottom: 0.875rem;
}

.view-web2k .cap-row--title-center .cap-row__title {
  text-align: center;
  margin-bottom: 0;
}

@media (min-width: 900px) {
  .view-web2k .cap-row--title-center {
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 400px);
    grid-template-areas:
      "head head"
      "copy visual";
    gap: 1.25rem 4rem;
  }

  .view-web2k .cap-row--title-center .cap-row__head {
    grid-area: head;
  }

  .view-web2k .cap-row--title-center .cap-row__copy {
    grid-area: copy;
  }

  .view-web2k .cap-row--title-center .cap-row__visual {
    grid-area: visual;
    justify-self: end;
  }
}

.view-web2k .cap-chip,
.view-web2k .page-toc a,
.view-web2k .faq-filter-btn {
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #000 !important;
  background: linear-gradient(180deg, #fefefe, #ece9d8) !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  box-shadow: none !important;
}

.view-web2k .cap-chip:hover,
.view-web2k .page-toc a:hover,
.view-web2k .faq-filter-btn:hover {
  color: #003399 !important;
  background: linear-gradient(180deg, #fff, #f0f0ea) !important;
}

.view-web2k .faq-filter-btn.is-active,
.view-web2k .page-toc a.is-active {
  color: #fff !important;
  background: linear-gradient(180deg, #0997ff, #0050ee) !important;
  border-color: #003399 !important;
}

.view-web2k .cap-cell,
.view-web2k .cap-cell__core,
.view-web2k .feat-app-panel,
.view-web2k .guide-card-main,
.view-web2k .guide-step,
.view-web2k .help-stack__item,
.view-web2k .faq-card,
.view-web2k .err-panel {
  background: linear-gradient(180deg, var(--w2k-card-bg) 0%, var(--w2k-card-bg-alt) 100%) !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  border-radius: 0 !important;
  color: var(--w2k-text) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.view-web2k .cap-cell__title,
.view-web2k .cap-cell h3,
.view-web2k .help-stack__toggle {
  color: var(--w2k-text-hi) !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

.view-web2k .cap-cell__text,
.view-web2k .help-stack__body,
.view-web2k .help-stack-body,
.view-web2k .feat-checklist li {
  color: var(--w2k-text) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.view-web2k .feat-link,
.view-web2k .guide-body a,
.view-web2k .cap-cell__text a,
.view-web2k .help-stack-body a {
  color: var(--w2k-link) !important;
  font-weight: 700 !important;
}

/* Site-wide XP gray inset panels (hotkeys, stats, tables, legacy cards) */
.view-web2k .cap-cell {
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

.view-web2k .cap-cell::before,
.view-web2k .cap-cell__core::after,
.view-web2k .cap-metric::before,
.view-web2k .cap-grid__lines,
.view-web2k .cap-grid__grain {
  display: none !important;
}

.view-web2k .cap-cell:hover {
  transform: none !important;
  box-shadow: none !important;
}

.view-web2k .cap-cell:hover .feat-kbd,
.view-web2k .cap-cell:hover .cap-metric {
  border-color: #808080 #fff #fff #808080 !important;
  box-shadow: none !important;
}

.view-web2k .cap-cell__core {
  padding: 1.25rem 1.125rem !important;
}

.view-web2k .cap-cell__tag {
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: #fff !important;
  background: linear-gradient(180deg, #0997ff, #0050ee) !important;
  border: 1px solid #003399 !important;
  box-shadow: inset 0 1px 0 #4db2ff;
}

.view-web2k .cap-cell__foot {
  border-top: 1px solid #a8b8cc !important;
}

.view-web2k .cap-cell__text .txt-strong {
  color: var(--w2k-text-hi) !important;
  font-weight: 800 !important;
}

.view-web2k .feat-extras__header {
  margin-bottom: 1.5rem !important;
}

.view-web2k .feat-extras__eyebrow {
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: #fff !important;
  background: linear-gradient(180deg, #0997ff, #0050ee) !important;
  border: 1px solid #003399 !important;
  box-shadow: inset 0 1px 0 #4db2ff;
}

.view-web2k .feat-extras__title {
  color: var(--w2k-text-hi) !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-weight: 800 !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
}

.view-web2k .feat-extras__lead {
  color: var(--w2k-text) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}

.view-web2k .feat-kbd,
.view-web2k .cap-metric,
.view-web2k .feat-prefs-item,
.view-web2k .feat-checklist li,
.view-web2k .page-list-check li,
.view-web2k .page-table-wrap,
.view-web2k .hash-panel__hash,
.view-web2k code.page-hash,
.view-web2k .faq-stat-pill {
  border-radius: 0 !important;
  background: var(--w2k-inset-bg) !important;
  border: 2px solid !important;
  border-color: var(--w2k-inset-border) !important;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.06) !important;
}

.view-web2k .feat-checklist li,
.view-web2k .page-list-check li,
.view-web2k .feat-prefs-item,
.view-web2k .faq-stat-pill {
  padding: 0.625rem 0.75rem !important;
}

.view-web2k .faq-stat-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--w2k-text-hi) !important;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.06) !important;
}

.view-web2k .faq-stat-pill svg {
  color: #0050ee !important;
}

.view-web2k .page-table-wrap {
  overflow: hidden !important;
}

.view-web2k .hash-panel__hash,
.view-web2k code.page-hash {
  display: block !important;
  padding: 0.625rem 0.75rem !important;
  font-family: "Courier New", Courier, monospace !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #000 !important;
  word-break: break-all !important;
}

.view-web2k .page-table td {
  border-top: 1px solid #a8b8cc !important;
  color: var(--w2k-text) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.view-web2k .page-table tr:first-child td {
  border-top: none !important;
}

.view-web2k .page-table td:first-child {
  color: var(--w2k-muted) !important;
  font-weight: 700 !important;
}

.view-web2k .page-table tr:nth-child(odd) td {
  background: rgba(255, 255, 255, 0.35) !important;
}

.view-web2k .page-list-check li {
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  color: var(--w2k-text) !important;
}

.view-web2k .page-list-check .ok {
  color: #008000 !important;
}

.view-web2k .page-list-check .no {
  color: #cc0000 !important;
}

.view-web2k .feat-kbd__label {
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--w2k-text) !important;
}

.view-web2k .feat-kbd kbd {
  font-family: "Courier New", Courier, monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding: 0.2rem 0.45rem !important;
  background: #fff !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.view-web2k .cap-metric strong {
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: var(--w2k-text-hi) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
}

.view-web2k .cap-metric span {
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: var(--w2k-muted) !important;
}

.view-web2k .feat-prefs-item {
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--w2k-text) !important;
}

.view-web2k .feat-prefs-item:hover {
  transform: none !important;
  background: linear-gradient(180deg, #f5f2ea 0%, #ece9d8 100%) !important;
  border-color: #808080 #fff #fff #808080 !important;
}

.view-web2k .feat-prefs-item svg,
.view-web2k .feat-checklist li svg {
  color: #008000 !important;
}

.view-web2k .cap-grid {
  padding: 1.25rem 0 1.75rem !important;
  border-top: 1px solid #a8b8cc !important;
  overflow: visible !important;
}

.view-web2k .cap-cell--warn,
.view-web2k .cap-cell--warn .cap-cell__core {
  background: linear-gradient(180deg, #fff8e8 0%, #ffe8c8 100%) !important;
  border-color: #fff #c8a860 #c8a860 #fff !important;
}

.view-web2k kbd,
.view-web2k .page-kbd {
  font-family: "Courier New", Courier, monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding: 0.2rem 0.45rem !important;
  background: #fff !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.view-web2k .page-step__num,
.view-web2k .guide-step-num,
.view-web2k .panel-step-num {
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-weight: 800 !important;
  color: #fff !important;
  background: linear-gradient(180deg, #0997ff, #0050ee) !important;
  border: 1px solid #003399 !important;
  box-shadow: inset 0 1px 0 #4db2ff !important;
}

.view-web2k .panel-card,
.view-web2k .info-panel,
.view-web2k .hash-panel,
.view-web2k .guide-card-panel,
.view-web2k .guide-card-main,
.view-web2k .callout,
.view-web2k .guide-callout {
  background: linear-gradient(180deg, var(--w2k-card-bg) 0%, var(--w2k-card-bg-alt) 100%) !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--w2k-text) !important;
  transform: none !important;
}

.view-web2k .panel-card:hover,
.view-web2k .callout:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: #fff #808080 #808080 #fff !important;
}

.view-web2k .callout::before,
.view-web2k .guide-callout::before {
  display: none !important;
}

.view-web2k .callout--warn,
.view-web2k .guide-callout,
.view-web2k .guide-callout-warning {
  background: linear-gradient(180deg, #fff8e8 0%, #ffe8c8 100%) !important;
  border-color: #fff #c8a860 #c8a860 #fff !important;
}

.view-web2k .callout h3,
.view-web2k .callout__title,
.view-web2k .hash-panel__title,
.view-web2k .guide-callout h3,
.view-web2k .panel-card h2,
.view-web2k .panel-card h3 {
  color: var(--w2k-text-hi) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

.view-web2k .callout p,
.view-web2k .callout__text,
.view-web2k .guide-callout p,
.view-web2k .hash-panel__label,
.view-web2k .panel-card p {
  color: var(--w2k-text) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

.view-web2k .callout__link,
.view-web2k .link-arrow {
  color: var(--w2k-link) !important;
  font-weight: 700 !important;
}

.view-web2k .block-hd,
.view-web2k .guides-section-title {
  color: var(--w2k-text-hi) !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-weight: 800 !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
  border-image: none !important;
  border-bottom: 2px solid #003399 !important;
}

.view-web2k .block-label,
.view-web2k .panel-label {
  color: var(--w2k-text-hi) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}

.view-web2k .panel-code {
  background: #fff !important;
  color: #000 !important;
  border: 2px inset #808080 !important;
  border-radius: 0 !important;
  font-family: "Courier New", Courier, monospace !important;
  font-size: 11px !important;
}

.view-web2k .help-stack .help-stack__item {
  padding: 0 !important;
  background: none !important;
  overflow: visible !important;
  transform: none !important;
  box-shadow: none !important;
}

.view-web2k .help-stack .help-stack__item:hover,
.view-web2k .help-stack .help-stack__item.is-open {
  transform: none !important;
  box-shadow: none !important;
}

.view-web2k .help-stack .help-stack__toggle,
.view-web2k .help-stack .help-stack__item.is-open .help-stack__toggle {
  background: linear-gradient(180deg, var(--w2k-card-bg) 0%, var(--w2k-card-bg-alt) 100%) !important;
  border: none !important;
  border-bottom: 1px solid #a8b8cc !important;
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 12px !important;
}

.view-web2k .help-stack .help-stack-body {
  background: #fff !important;
  color: var(--w2k-text) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.view-web2k .flow-block--alt {
  background: transparent !important;
}

.view-web2k .guide-info-card {
  background: linear-gradient(180deg, var(--w2k-card-bg) 0%, var(--w2k-card-bg-alt) 100%) !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.view-web2k .guide-info-card::before {
  display: none !important;
}

.view-web2k .guide-info-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: #fff #808080 #808080 #fff !important;
}

.view-web2k .guide-info-card h3 {
  color: var(--w2k-text-hi) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-weight: 800 !important;
}

.view-web2k .guide-info-card p {
  color: var(--w2k-text) !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.view-web2k .flow-block {
  border-top: 1px solid #a8b8cc !important;
  padding: 1.75rem 0 !important;
}

.view-web2k .flow-block:first-of-type {
  border-top: none !important;
}

.view-web2k .flow-zone,
.view-web2k .max-w-7xl {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.view-web2k .page-canvas .px-4,
.view-web2k .page-canvas .px-5,
.view-web2k .page-canvas .sm\:px-6,
.view-web2k .page-canvas .sm\:px-8,
.view-web2k .page-canvas .lg\:px-8 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.view-web2k .faq-search {
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-size: 12px !important;
  color: #000 !important;
  background: #fff !important;
  border: 2px inset #808080 !important;
}

.view-web2k .faq-search::placeholder {
  color: #666 !important;
}

.view-web2k pre.hash-code,
.view-web2k .page-pre {
  background: #fff !important;
  color: #000 !important;
  border: 2px inset #808080 !important;
  border-radius: 0 !important;
  font-family: "Courier New", Courier, monospace !important;
  font-size: 11px !important;
}

.view-web2k .page-btn,
.view-web2k .page-btn--primary,
.view-web2k .page-btn--secondary {
  border-radius: 0 !important;
  font-family: Tahoma, Verdana, sans-serif !important;
  font-weight: 600 !important;
  border: 2px solid !important;
  box-shadow: none !important;
}

.view-web2k .page-btn--primary {
  color: #fff !important;
  border-color: #4db2ff #003399 #003399 #4db2ff !important;
  background: linear-gradient(180deg, #6eb6ff, #0050ee 50%, #003399) !important;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
}

.view-web2k .page-btn--secondary {
  color: #000 !important;
  border-color: #fff #808080 #808080 #fff !important;
  background: linear-gradient(180deg, #fefefe, #ece9d8) !important;
}

.view-web2k .err-code,
.view-web2k .err-title {
  color: var(--w2k-text-hi) !important;
  font-weight: 800 !important;
}

.view-web2k .err-text {
  color: var(--w2k-text) !important;
  font-weight: 600 !important;
}

/* Homepage — slightly deeper XP blues & warm panels (less glare) */
.view-home.view-web2k {
  --w2k-content-bg: #b8cce8;
  --w2k-card-bg: #ebe6dc;
  --w2k-card-bg-alt: #e0dbd2;
  --w2k-panel-bg: #d8d4cc;
  --w2k-inset-bg: linear-gradient(180deg, #d8d4cc 0%, #c8c4bc 100%);
}

.view-home.view-web2k.doc-root {
  background: #9eb6d4 !important;
}

.view-home.view-web2k .doc-flow-wrap {
  background: linear-gradient(180deg, #b8cce8 0%, #9eb6d4 55%, #8ea8c8 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 10px 36px rgba(0, 51, 153, 0.22);
}

.view-home.view-web2k .side-panel--web2k {
  background: linear-gradient(180deg, #e4e0d8 0%, #d8d4cc 45%, #c8c4bc 100%);
}

.view-home.view-web2k .side-panel--web2k .mark-cluster--side {
  background: linear-gradient(180deg, #ece9d8 0%, #d8d4cc 100%);
}

.view-home.view-web2k .side-panel--web2k .mark-cluster--side:hover {
  background: linear-gradient(180deg, #e8e4dc 0%, #d0ccc4 100%);
}

.view-home.view-web2k .web2k-hero-panel__body {
  background: linear-gradient(180deg, var(--w2k-card-bg) 0%, var(--w2k-card-bg-alt) 100%);
}

.view-home.view-web2k .web2k-hero-panel__status {
  color: #1a1a1a;
  background: linear-gradient(180deg, #d8d4cc, #c8c4bc);
}

.view-home.view-web2k .panel-bevel:hover {
  background: linear-gradient(180deg, #e8e4dc, #ddd8ce) !important;
}

.view-home.view-web2k .panel-bevel--hi {
  background: linear-gradient(180deg, #b8cce8, #9eb6d4) !important;
}

.view-home.view-web2k .call-strip {
  background: linear-gradient(180deg, #b8cce8 0%, #9eb6d4 100%) !important;
}

.view-home.view-web2k .ico-slot,
.view-home.view-web2k .home-use-card__icon {
  background: #d8d4cc !important;
}

.view-home.view-web2k .home-compare__frame {
  background: #ebe6dc;
}

.view-home.view-web2k .home-compare__scroll {
  background: #ebe6dc !important;
}

.view-home.view-web2k .home-compare__table tbody td {
  background: #ebe6dc !important;
}

.view-home.view-web2k .home-compare__table tbody tr:nth-child(even):not(.home-compare__row--featured) td {
  background: linear-gradient(180deg, #e0dbd2, #d8d4cc) !important;
}

.view-home.view-web2k .home-compare__row--featured td {
  background: linear-gradient(180deg, #b8cce8, #9eb6d4) !important;
}

@media (max-width: 640px) {
  .view-web2k .head-band__tools .side-acquire--band span {
    display: none;
  }

  .view-web2k .doc-flow-wrap {
    width: calc(100% - 0.75rem);
    margin: 0.375rem auto;
  }

  .view-web2k .page-canvas {
    padding: 0.5rem 0.65rem 1rem;
  }

  .view-web2k .xp-window {
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  .view-web2k .side-panel {
    background: linear-gradient(180deg, #f0f0ea, #d4d0c8);
  }

  .view-home.view-web2k .side-panel {
    background: linear-gradient(180deg, #e4e0d8, #c8c4bc);
  }
}