/* Shared light presentation for Vised's long-form marketing pages.
   Page-specific layout and interaction rules remain inline in each document. */

body.vised-page {
  --bg: #f7f7f3;
  --bg-2: #eeeef7;
  --surface: #ffffff;
  --ink: #101117;
  --ink-soft: #464850;
  --muted: #656771;
  --faint: #696b74;
  --line: #dcdde2;
  --line-strong: #c9cbd1;
  --accent: #4767ff;
  --accent-press: #2946dd;
  --accent-text: #2946dd;
  --accent-tint: #f0f1ff;
  --accent-line: #d9ddff;
  --accent-glow: rgba(71, 103, 255, 0.22);
  --code-bg: #11131b;
  --code-ink: #ffffff;
  background: var(--bg);
  color: var(--ink);
}

body.vised-page::before {
  content: none !important;
  background: none !important;
}

body.vised-page .wrap {
  width: min(var(--maxw), calc(100% - 48px));
  max-width: none;
  padding-inline: 0;
}

body.vised-page header.nav {
  border-bottom: 1px solid rgba(16, 17, 23, 0.08);
  background: rgba(247, 247, 243, 0.88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.vised-page header.nav.scrolled {
  border-bottom-color: rgba(16, 17, 23, 0.12);
  background: rgba(247, 247, 243, 0.96);
}

body.vised-page .nav-inner {
  height: 77px;
}

body.vised-page .door {
  background: rgba(238, 238, 247, 0.72);
}

body.vised-page .door a.active {
  background: var(--surface);
  color: var(--accent-text);
}

body.vised-page .btn {
  border-radius: 14px !important;
}

body.vised-page .btn-primary {
  background: var(--accent) !important;
  box-shadow: 0 10px 24px var(--accent-glow) !important;
}

body.vised-page .btn-primary:hover,
body.vised-page .btn-primary:focus-visible {
  background: var(--accent-press) !important;
  box-shadow: 0 14px 30px rgba(71, 103, 255, 0.28) !important;
}

body.vised-page .btn-ghost {
  border-color: var(--line-strong) !important;
  background: var(--surface) !important;
  color: var(--ink) !important;
}

body.vised-page .btn-ghost:hover,
body.vised-page .btn-ghost:focus-visible {
  border-color: var(--accent) !important;
  color: var(--accent-text) !important;
}

body.vised-page .card,
body.vised-page .vcard,
body.vised-page .path,
body.vised-page .constraint,
body.vised-page .cap,
body.vised-page .tablewrap {
  border-color: var(--line);
  background: var(--surface);
}

body.vised-page .card:hover,
body.vised-page .audcard:hover,
body.vised-page .vcard:hover {
  border-color: var(--accent-line);
  box-shadow: 0 16px 38px -24px rgba(71, 103, 255, 0.42);
}

body.vised-page .layer.gap {
  border-color: #ead3a0;
  background: #fbefd6;
}

body.vised-page .layer.gap .lic {
  border-color: #ead3a0;
  background: #fff8e9;
  color: #7a4e00;
}

body.vised-page .layer.gap .lbl {
  color: #7a4e00;
}

body.vised-page .elist input[type="email"] {
  border-color: var(--line-strong);
  background: var(--surface);
  color: var(--ink);
}

body.vised-page footer.foot {
  border-top-color: var(--line);
}

body.vised-page .tablewrap:focus-visible,
body.vised-page pre:focus-visible {
  outline: 3px solid var(--accent-glow);
  outline-offset: 3px;
}

body.vised-page .man > .col,
body.vised-page .man > .endcta {
  width: min(var(--readw), calc(100% - 48px));
  max-width: none;
}

@media (max-width: 920px) {
  body.vised-page .nav.open .nav-links {
    background: var(--bg);
    box-shadow: 0 18px 30px -18px rgba(16, 17, 23, 0.25);
  }
}

@media (max-width: 720px) {
  body.vised-page .wrap {
    width: min(var(--maxw), calc(100% - 36px));
  }

  body.vised-page .man > .col,
  body.vised-page .man > .endcta {
    width: calc(100% - 36px);
  }
}