/* Current website styles. Preserve cascade order in build-website.mjs. */
:root {
  --ink: #102b40;
  --muted: #576b7c;
  --blue: #0879bd;
  --deep: #071e31;
  --silver: #eff3f7;
  --line: #dbe4ec;
  --white: #fff;
  --radius: 24px;
  color-scheme: light;
  font-family: DM, Arial, sans-serif;
  color: var(--ink);
  font-synthesis: none;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 24px;
}
body {
  margin: 0;
  background: #fff;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
button {
  font: inherit;
  cursor: pointer;
}
button,
a {
  transition:
    background 0.18s,
    color 0.18s,
    box-shadow 0.18s,
    transform 0.18s;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  color: inherit;
}
button:focus-visible,
a:focus-visible,
summary:focus-visible {
  outline: 3px solid #0999e9;
  outline-offset: 5px;
}
button:active {
  transform: translateY(1px);
}
img {
  max-width: 100%;
  display: block;
}
svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1,
h2,
h3 {
  font-weight: 550;
}
h2 {
  font-size: 48px;
  line-height: 1.1;
  letter-spacing: -2.1px;
}
p {
  line-height: 1.65;
}
button[hidden],
[hidden] {
  display: none !important;
}
.wrap {
  width: min(1320px, calc(100% - 96px));
  margin-inline: auto;
}
.skip-link {
  position: fixed;
  left: 20px;
  top: -80px;
  background: white;
  padding: 15px;
  z-index: 100;
}
.skip-link:focus {
  top: 15px;
}
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 106px;
  gap: 32px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 25px;
  font-weight: 650;
  letter-spacing: -1.05px;
  min-height: 44px;
}
.button {
  min-height: 54px;
  border: 1px solid transparent;
  background: var(--ink);
  color: white;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 14px 25px;
  font-size: 14px;
  font-weight: 550;
  white-space: nowrap;
}
.button span {
  font-size: 20px;
  line-height: 1;
}
.button:hover {
  background: #086fa9;
  box-shadow: 0 4px 16px #0879bd25;
}
.button.small {
  min-height: 46px;
  padding: 10px 22px;
}
h1 {
  font-size: clamp(64px, 5.65vw, 84px);
  letter-spacing: -4.8px;
  line-height: 1.035;
  margin: 26px 0 24px;
}
h1 span {
  color: var(--blue);
}
.actions {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 32px;
}
.secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  font-size: 14px;
  font-weight: 550;
  white-space: nowrap;
}
.secondary:hover {
  color: var(--blue);
}
.observation {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1px solid #e1e8ef;
  border-radius: 10px;
  padding: 13px;
  margin-bottom: 8px;
}
.observation strong {
  display: block;
  font-size: 11px;
  font-weight: 550;
}
.observation small {
  display: block;
  font-size: 9px;
  color: var(--muted);
  margin-top: 3px;
}
.status {
  font-size: 9px;
  color: #88601d;
  background: #fff5df;
  border-radius: 99px;
  padding: 5px 8px;
  white-space: nowrap;
}
summary {
  cursor: pointer;
  display: flex;
  list-style: none;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  font-weight: 550;
  min-height: 54px;
  gap: 20px;
}
summary::-webkit-details-marker {
  display: none;
}
summary > span {
  font-size: 22px;
  color: var(--blue);
}
details[open] summary > span {
  transform: rotate(45deg);
}
details p {
  font-size: 13px;
  line-height: 1.75;
  color: var(--muted);
  padding-bottom: 16px;
}
dialog {
  border: 1px solid #dce5ed;
  border-radius: 24px;
  max-width: 620px;
  width: calc(100% - 40px);
  max-height: 85vh;
  padding: 44px;
  color: var(--ink);
  box-shadow: 0 25px 100px #031a3240;
}
dialog::backdrop {
  background: #061e3290;
  backdrop-filter: blur(5px);
}
dialog h2 {
  font-size: 34px;
  letter-spacing: -1.2px;
  margin: 20px 0;
}
dialog p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
}
dialog h3 {
  font-size: 18px;
  margin: 25px 0 10px;
}
@media (min-width: 1600px) {
  .observation {
    padding: 14px;
  }
  .observation strong {
    font-size: 12px;
  }
  .observation small {
    font-size: 10px;
  }
}
@media (max-width: 1150px) {
  .wrap {
    width: calc(100% - 64px);
  }
  h1 {
    font-size: 65px;
    letter-spacing: -3.7px;
  }
  .actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  h2 {
    font-size: 43px;
  }
}
@media (max-width: 850px) {
  .header {
    min-height: 92px;
    gap: 20px;
  }
  .brand {
    font-size: 22px;
  }
  .header > .button {
    font-size: 12px;
    padding-inline: 18px;
  }
  .actions {
    flex-direction: row;
    align-items: center;
    gap: 25px;
  }
  .observation strong {
    font-size: 13px;
  }
  .observation small {
    font-size: 11px;
  }
  .observation {
    padding: 14px;
  }
  .status {
    font-size: 10px;
  }
}
@media (max-width: 600px) {
  .wrap {
    width: calc(100% - 40px);
  }
  .header {
    min-height: 88px;
    gap: 8px;
  }
  .brand {
    font-size: 23px;
    gap: 6px;
  }
  .brand img {
    width: 36px;
    height: 36px;
  }
  .header > .button {
    display: none;
  }
  .actions {
    gap: 16px;
    margin-top: 25px;
    flex-wrap: wrap;
  }
  .button {
    font-size: 12px;
    min-height: 50px;
    padding: 13px 18px;
    gap: 13px;
  }
  .secondary {
    font-size: 12px;
    gap: 8px;
  }
  .observation {
    padding: 11px 9px;
    gap: 7px;
  }
  .observation strong {
    font-size: 10px;
  }
  .observation small {
    font-size: 9px;
  }
  .status {
    font-size: 8px;
    padding: 5px 6px;
  }
  h2 {
    font-size: 36px;
    letter-spacing: -1.6px;
  }
  dialog {
    padding: 35px 25px;
  }
  dialog h2 {
    font-size: 29px;
  }
  dialog p {
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    transition: none !important;
    animation: none !important;
  }
}
.observation:hover {
  border-color: #91bfdc;
  background: #f6fbff;
}
.night {
  --ink: #e8edf2;
  --muted: #a2afbd;
  --blue: #64c4ff;
  --deep: #080d14;
  --silver: #111b26;
  --line: #293746;
  --white: #101822;
  color: var(--ink);
  color-scheme: dark;
}
body.night {
  background: #080d14;
}
.night .header,
.header.night {
  border-bottom: 1px solid #1c2733;
}
.night .button {
  background: linear-gradient(180deg, #edf2f7, #cbd6df);
  border-color: #e2eaf1;
  color: #0a2132;
  box-shadow:
    0 1px 0 #ffffff66 inset,
    0 3px 14px #0002;
}
.night .button:hover {
  background: #f6fbff;
  box-shadow: 0 0 25px #63bfff24;
}
.night .button.small {
  background: #142331;
  color: #e8eff7;
  border-color: #3c5265;
  box-shadow: 0 1px 0 #b4d6f21c inset;
}
.night .button.small:hover {
  background: #213a4d;
  border-color: #5b7e9a;
}
.night .observation {
  background: #172432;
  border-color: #2c3f51;
  box-shadow: 0 1px 0 #c3def506 inset;
}
.night .observation:hover {
  background: #1c3042;
  border-color: #507a9a;
}
.night .status {
  color: #e0c990;
  background: #3a3020;
}
.night .skip-link {
  background: #193145;
  color: white;
}
.night dialog {
  background: #101d29;
  border-color: #3c586e;
  color: #e8edf2;
}
body[data-tone="mixed"] .header {
  background: #080d14;
  box-shadow: 0 0 0 100vmax #080d14;
  clip-path: inset(0 -100vmax);
}
body[data-art="neural"] {
  --network-bg: #101b27;
  --network-shade: #101b27cc;
}
body[data-art-version="structured"] {
  --network-bg: #080d14;
  --network-shade: #080d14b0;
}
.lower-wrap {
  padding-inline: 30px;
}
.questions-section h2 {
  font-size: clamp(36px, 3.2vw, 51px);
  line-height: 1.1;
  letter-spacing: -0.045em;
  margin: 20px 0 0;
  font-weight: 500;
}
.questions-section {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 90px;
  padding-block: 95px;
}
.question-list details {
  border-bottom: 1px solid #2e495c;
}
.question-list details:first-child {
  border-top: 1px solid #2e495c;
}
.question-list summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  list-style: none;
  font-size: 16px;
  color: #dceaf5;
  padding: 24px 0;
  cursor: pointer;
  min-height: 64px;
}
.question-list summary::-webkit-details-marker {
  display: none;
}
.question-list summary > span {
  color: #7fccff;
  font-size: 23px;
  font-weight: 300;
  transition: transform 0.2s;
}
.question-list details[open] summary > span {
  transform: rotate(45deg);
}
.question-list details > p {
  color: #a7bfd0;
  font-size: 15px;
  line-height: 1.8;
  margin: 0;
  padding: 0 25px 25px 0;
}
.question-list summary:focus-visible {
  outline: 2px solid #7acbff;
  outline-offset: 5px;
}
.walkthrough-form h3 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.5px;
  margin: 0 0 8px;
}
.form-preview-label {
  font-size: 11px;
  color: #9fbdd2;
  margin: 0 0 23px;
  line-height: 1.6;
}
.walkthrough-form label {
  display: block;
  font-size: 12px;
  color: #c4dae9;
  line-height: 1.5;
  margin-bottom: 16px;
}
.form-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.walkthrough-form input,
.walkthrough-form textarea {
  width: 100%;
  max-width: 100%;
  display: block;
  margin-top: 8px;
  border: 1px solid #41617b;
  border-radius: 7px;
  background: #0b1c2a;
  color: #eaf5ff;
  padding: 12px;
  font: inherit;
  font-size: 14px;
  line-height: 1.4;
  min-height: 45px;
  resize: vertical;
}
.walkthrough-form input::placeholder,
.walkthrough-form textarea::placeholder {
  color: #839eb2;
  opacity: 1;
}
.walkthrough-form input:focus,
.walkthrough-form textarea:focus {
  outline: 2px solid #77c7f8;
  outline-offset: 2px;
}
.walkthrough-form > .button {
  background: #91d7ff;
  color: #09273b;
  border: 1px solid #b1e5ff;
  border-radius: 8px;
  min-height: 51px;
  font-size: 13px;
  width: 100%;
  justify-content: center;
  font-weight: 600;
}
.walkthrough-form > .button:hover {
  background: #b4e7ff;
}
.request-preview {
  border-top: 1px solid #486c86;
  margin-top: 23px;
  padding-top: 19px;
  overflow-wrap: anywhere;
}
.request-preview strong {
  font-size: 14px;
  color: #b5e5ff;
}
.request-preview p {
  font-size: 13px;
  color: #d1e6f5;
  line-height: 1.7;
  margin: 12px 0;
}
.request-preview > span {
  font-size: 11px;
  color: #a7c4d8;
  line-height: 1.6;
}
@media (max-width: 1150px) {
  .questions-section {
    gap: 45px;
  }
  .form-pair {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (max-width: 850px) {
  .questions-section {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .questions-section {
    padding-block: 65px;
  }
  .form-pair {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media (max-width: 600px) {
  .lower-wrap {
    padding-inline: 0;
  }
  .questions-section h2 {
    font-size: 37px;
  }
  .questions-section {
    padding-block: 55px;
  }
  .question-list summary {
    font-size: 16px;
    padding-block: 21px;
  }
  .question-list details > p {
    font-size: 15px;
    padding-right: 0;
  }
  .walkthrough-form h3 {
    font-size: 22px;
  }
  .form-pair {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .walkthrough-form input,
  .walkthrough-form textarea {
    font-size: 16px;
  }
  .walkthrough-form > .button {
    font-size: 12px;
    padding-inline: 10px;
  }
  .form-preview-label {
    font-size: 11px;
  }
}
.access-story {
  padding-top: 90px;
  border-top: 0;
  gap: 90px;
}
@media (max-width: 1150px) {
  .access-story {
    gap: 50px;
  }
}
@media (max-width: 850px) {
  .access-story {
    gap: 35px;
    padding-top: 65px;
  }
}
@media (max-width: 600px) {
  .access-story {
    padding-top: 50px;
  }
}
.questions-section h2 {
  margin-top: 0;
}
body.night {
  background: #122a3e;
}
.questions-section {
  border-color: #43617a;
}
.question-list details,
.question-list details:first-child {
  border-color: #456179;
}
.closing-invitation {
  background: #e4eef6;
  color: #18394f;
  padding: 82px 0 86px;
  margin: 0;
}
.c32-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 100px;
  align-items: center;
  padding-inline: 30px;
}
.c32-copy h2 {
  font-size: clamp(44px, 4.2vw, 66px);
  line-height: 1.07;
  letter-spacing: -0.045em;
  font-weight: 500;
  color: #173b54;
  margin: 0 0 27px;
}
.c32-copy h2 em {
  font-style: normal;
  color: #0b65d6;
}
.c32-copy > p {
  font-size: 18px;
  line-height: 1.8;
  color: #496b82;
  max-width: 390px;
  margin: 0;
}
.walkthrough-form.c32-form {
  color-scheme: light;
  background: #fff;
  border: 1px solid #d2e1ed;
  border-radius: 17px;
  padding: 34px;
  box-shadow: 0 18px 44px -30px #315e8360;
}
.c32-form .form-pair {
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.walkthrough-form.c32-form label {
  font-size: 14px;
  color: #254a64;
  margin-bottom: 19px;
}
.walkthrough-form.c32-form input,
.walkthrough-form.c32-form textarea {
  background: #f5f8fc;
  color: #163e5a;
  border: 1px solid #b8cddd;
  padding: 13px 14px;
  border-radius: 7px;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 8px;
}
.walkthrough-form.c32-form input::placeholder,
.walkthrough-form.c32-form textarea::placeholder {
  color: #637f92;
}
.walkthrough-form.c32-form input:focus,
.walkthrough-form.c32-form textarea:focus {
  outline: 2px solid #1678e3;
  outline-offset: 2px;
}
.c32-form .form-preview-label {
  font-size: 13px;
  line-height: 1.6;
  color: #56738a;
  margin: 0 0 19px;
}
.walkthrough-form.c32-form > .button {
  background: #0965df;
  border-color: #0965df;
  color: #fff;
  font-size: 15px;
  min-height: 54px;
  border-radius: 8px;
}
.walkthrough-form.c32-form > .button:hover {
  background: #0752b5;
  border-color: #0752b5;
}
.c32-form .request-preview {
  border-color: #bdd1df;
}
.c32-form .request-preview strong {
  color: #14568d;
}
.c32-form .request-preview p {
  color: #274d69;
}
.c32-form .request-preview > span {
  color: #506e85;
}
@media (max-width: 1100px) {
  .c32-layout {
    gap: 60px;
  }
  .walkthrough-form.c32-form {
    padding: 29px;
  }
  .c32-copy h2 {
    font-size: 53px;
  }
}
@media (max-width: 850px) {
  .c32-layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 35px;
    padding-inline: 0;
  }
  .c32-copy h2 {
    font-size: 44px;
  }
  .c32-copy > p {
    font-size: 17px;
  }
  .c32-form .form-pair {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .walkthrough-form.c32-form {
    padding: 25px;
  }
  .closing-invitation {
    padding-block: 62px;
  }
}
@media (max-width: 650px) {
  .c32-layout {
    grid-template-columns: 1fr;
    gap: 31px;
  }
  .c32-copy h2 {
    font-size: 43px;
    margin-bottom: 21px;
  }
  .c32-copy > p {
    font-size: 16px;
    line-height: 1.75;
  }
  .closing-invitation {
    padding-block: 49px;
  }
  .walkthrough-form.c32-form {
    padding: 25px 21px;
    border-radius: 14px;
  }
  .c32-form .form-preview-label {
    font-size: 12px;
  }
}
.f33-spotlight {
  background: #f6f8fa;
  color: #173b54;
  padding: 0;
  border-block: 1px solid #cedde8;
}
.closing-invitation.c33-contact {
  background: #071628
    url("/website-assets/assets/background-navy-glass-v33-v52.webp") center
    top/cover no-repeat;
  padding: 92px 0 100px;
  color: #f2f8ff;
  position: relative;
  isolation: isolate;
  border-top: 1px solid #446584;
}
.c33-contact::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, #0a1b3210 20%, #07162840 55%, #071628c9);
}
.c33-contact .c32-layout {
  gap: 105px;
  align-items: start;
}
.c33-contact .c32-copy {
  padding-top: 30px;
}
.c33-contact .c32-copy h2 {
  font-size: clamp(48px, 4.8vw, 76px);
  line-height: 1.05;
  color: #e7edf4;
  letter-spacing: -0.05em;
  margin-bottom: 32px;
}
.c33-contact .c32-copy h2 em {
  color: #74c9ff;
}
.c33-contact .c32-copy > p {
  color: #bdcee0;
  font-size: 18px;
  line-height: 1.85;
  max-width: 385px;
}
.c33-contact .walkthrough-form.c32-form {
  color-scheme: dark;
  border: 0;
  border-left: 1px solid #607d9b80;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0 0 0 43px;
}
.c33-contact .walkthrough-form.c32-form label {
  font-size: 14px;
  color: #d1e0ee;
  margin-bottom: 25px;
}
.c33-contact .walkthrough-form.c32-form input,
.c33-contact .walkthrough-form.c32-form textarea {
  background: #0a1d3399;
  border: 0;
  border-bottom: 1px solid #7694b1;
  border-radius: 0;
  color: #f0f7ff;
  padding: 11px 9px;
  font-size: 16px;
  margin-top: 7px;
}
.c33-contact .walkthrough-form.c32-form input::placeholder,
.c33-contact .walkthrough-form.c32-form textarea::placeholder {
  color: #8fa8bf;
}
.c33-contact .walkthrough-form.c32-form input:focus,
.c33-contact .walkthrough-form.c32-form textarea:focus {
  outline: 2px solid #71c4ff;
  outline-offset: 2px;
  background: #102b46;
}
.c33-contact .c32-form .form-preview-label {
  color: #a6bdd2;
  font-size: 12px;
  line-height: 1.7;
  margin-bottom: 19px;
}
.c33-contact .walkthrough-form.c32-form > .button {
  background: linear-gradient(110deg, #d6e3ed, #8fcfff);
  color: #102c46;
  border: 1px solid #b8d9f1;
  border-radius: 4px;
  box-shadow: none;
  min-height: 54px;
  justify-content: space-between;
  padding-inline: 21px;
}
.c33-contact .walkthrough-form.c32-form > .button:hover {
  background: #d3eaff;
  border-color: #e0effa;
}
.c33-contact .request-preview {
  border-color: #51718e;
}
.c33-contact .request-preview strong {
  color: #b4e1ff;
}
.c33-contact .request-preview p {
  color: #d9e8f5;
}
.c33-contact .request-preview > span {
  color: #afc7dc;
}
@media (max-width: 1100px) {
  .c33-contact .c32-layout {
    gap: 65px;
  }
  .c33-contact .walkthrough-form.c32-form {
    padding-left: 30px;
  }
  .c33-contact .c32-copy h2 {
    font-size: 58px;
  }
}
@media (max-width: 850px) {
  .closing-invitation.c33-contact {
    padding-block: 70px;
  }
  .c33-contact .c32-layout {
    gap: 35px;
  }
  .c33-contact .c32-copy h2 {
    font-size: 47px;
  }
  .c33-contact .c32-copy > p {
    font-size: 16px;
  }
  .c33-contact .walkthrough-form.c32-form {
    padding-left: 25px;
  }
}
@media (max-width: 650px) {
  .closing-invitation.c33-contact {
    padding-block: 52px 60px;
    background-position: 28% center;
  }
  .c33-contact::before {
    background: #07162855;
  }
  .c33-contact .c32-layout {
    gap: 34px;
  }
  .c33-contact .c32-copy {
    padding-top: 0;
  }
  .c33-contact .c32-copy h2 {
    font-size: 48px;
    margin-bottom: 24px;
  }
  .c33-contact .c32-copy > p {
    max-width: none;
  }
  .c33-contact .walkthrough-form.c32-form {
    border-left: 0;
    border-top: 1px solid #607d9b80;
    padding: 30px 0 0;
  }
  .c33-contact .c32-form .form-preview-label {
    font-size: 12px;
  }
}
.f33-spotlight {
  background:
    linear-gradient(95deg, #f6f8fafc 35%, #f6f8faee 65%, #f6f8fabf),
    url("/website-assets/assets/background-silver-blue-v33-v52.webp") right
      20% / cover no-repeat;
}
.r34-questions-band {
  background: linear-gradient(180deg, #18364b, #152e43);
  border-top: 1px solid #668ba240;
}
.r34-questions-band .questions-section {
  border-top: 0;
  padding-block: 75px 82px;
}
.c33-contact .c32-form .form-preview-label {
  font-size: 14px;
  color: #c0d3e4;
  line-height: 1.6;
  margin: 0 0 18px;
}
@media (max-width: 650px) {
  .f33-spotlight {
    background-position: 65% center;
  }
  .r34-questions-band .questions-section {
    padding-block: 52px 58px;
  }
  .c33-contact .c32-form .form-preview-label {
    font-size: 14px;
  }
}
.f33-spotlight {
  background:
    radial-gradient(ellipse at 82% 55%, #dce9f4 0, transparent 45%),
    linear-gradient(120deg, #fafbfc, #eef3f7);
}
@media (max-width: 600px) {
  .f33-spotlight {
    background:
      radial-gradient(ellipse at 70% 82%, #dce9f4, transparent 53%), #f6f8fa;
  }
}
.f33-spotlight {
  border: 0;
}
.questions-section {
  padding: 72px 30px 80px;
  display: block !important;
}
.questions-section > div:first-child {
  margin-bottom: 30px;
}
.questions-section h2 {
  font-size: 42px !important;
  line-height: 1.15;
  max-width: none;
}
.questions-section h2 br {
  display: none;
}
.question-list {
  max-width: 880px;
}
.question-list summary {
  font-size: 17px;
}
.question-list p {
  font-size: 16px;
  line-height: 1.85;
}
@media (max-width: 600px) {
  .questions-section {
    padding: 52px 0;
  }
  .questions-section h2 {
    font-size: 36px !important;
  }
}
.f33-spotlight {
  background:
    radial-gradient(ellipse at 75% 60%, #82bee451, transparent 52%),
    repeating-linear-gradient(
      165deg,
      transparent 0 120px,
      #6298be0a 121px 122px,
      transparent 123px 190px
    ),
    linear-gradient(125deg, #f7fafc, #e8f1f8 55%, #c8dfef);
}
.r34-questions-band {
  background:
    radial-gradient(ellipse at 90% 50%, #3676a858, transparent 60%),
    repeating-radial-gradient(
      ellipse at 115% 60%,
      transparent 0 90px,
      #75bce610 91px 92px,
      transparent 93px 145px
    ),
    linear-gradient(130deg, #112b41, #204962);
}
summary:focus-visible {
  outline: 3px solid #2894e5;
  outline-offset: 4px;
}
body {
  background:
    radial-gradient(ellipse at 70% 100%, #23577b, transparent 14%),
    linear-gradient(120deg, #122a3e, #173c55);
}
.s41-section {
  padding: 86px 0;
}
.s41-section h2 {
  font-size: clamp(38px, 3.4vw, 57px);
  line-height: 1.08;
  letter-spacing: -0.045em;
  font-weight: 500;
  margin: 0 0 24px;
}
.s41-section h2 em {
  font-style: normal;
  color: #8fd5ff;
}
.s41-section p {
  font-size: 17px;
  line-height: 1.8;
}
.s41-source-picker {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin: 36px auto 30px;
}
.s41-source-picker button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 13px 25px;
  min-height: 64px;
  background: #f0f7fbc9;
  border: 1px solid #b6d0e1;
  border-radius: 9px;
  color: #36556e;
  font: 500 17px inherit;
  cursor: pointer;
}
.s41-source-picker img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.s41-source-picker button[aria-pressed="true"] {
  background: linear-gradient(125deg, #154669, #0b324f);
  color: #fff;
  box-shadow: 0 7px 16px -8px #144e86;
}
.s41-section button:focus-visible,
.s41-section summary:focus-visible {
  outline: 3px solid #43a6ec;
  outline-offset: 4px;
}
.s41-section button:hover {
  filter: brightness(1.12);
}
.s41-source-picker button {
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 850px) {
  .s41-section {
    padding: 62px 0;
  }
}
@media (max-width: 600px) {
  .s41-section {
    padding: 50px 0;
  }
  .s41-section h2 {
    font-size: 38px;
  }
  .s41-section p {
    font-size: 16px;
  }
  .s41-source-picker {
    gap: 6px;
  }
  .s41-source-picker button {
    flex: 1;
    gap: 8px;
    padding: 12px 6px;
    font-size: 13px;
  }
  .s41-source-picker img {
    width: 24px;
    height: 24px;
  }
}
.s41-source-picker button {
  transition:
    transform 0.22s,
    border-color 0.22s,
    box-shadow 0.22s,
    background 0.22s;
}
@media (hover: hover) {
  .s41-source-picker button:hover {
    transform: translateY(-3px);
  }
}
@keyframes j42-feedback {
  from {
    filter: brightness(1.28);
    transform: translateY(5px);
  }
  to {
    filter: brightness(1);
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .s41-source-picker button {
    transition: none;
  }
}
.s43-sources {
  background:
    linear-gradient(130deg, #e6f0f8db, #cfdfebad),
    url("/website-assets/assets/background-sources-silver-v35-v52.webp")
      center/cover;
  color: #143951;
}
.s43-sources .s41-source-picker {
  justify-content: flex-start;
  margin: 32px 0 0;
  gap: 10px;
}
.s43-sources .s41-source-picker button {
  min-width: 165px;
}
.s43-details {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 75px;
  border-top: 1px solid #6593b36b;
  margin-top: 25px;
  padding-top: 32px;
}
.s43-details h3 {
  font-size: 27px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0 0 17px;
}
.s43-details p {
  font-size: 16px;
  line-height: 1.8;
  color: #48677b;
  margin: 0;
  max-width: 530px;
}
.s43-source ul {
  list-style: none;
  padding: 0;
  margin: 28px 0 0;
  display: grid;
  gap: 16px;
}
.s43-source li {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #234a66;
  font-size: 16px;
}
.s43-source li:before {
  content: "";
  width: 8px;
  height: 8px;
  flex: none;
  background: linear-gradient(135deg, #64b6f2, #156bab);
  border: 1px solid #409ad7;
  transform: rotate(45deg);
}
.s43-scan {
  border-left: 1px solid #6997b857;
  padding-left: 40px;
  scroll-margin-top: 35px;
}
.s43-scan-step {
  position: relative;
  padding-left: 23px;
  border-left: 1px solid #729cb779;
  padding-bottom: 19px;
}
.s43-scan-step:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 6px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #3a93cb;
  box-shadow: 0 0 0 4px #d7e9f5;
}
.s43-scan-step strong {
  font-size: 16px;
  font-weight: 500;
}
.s43-scan-step p {
  margin-top: 7px;
  font-size: 15px;
}
.s43-scan > a {
  display: inline-flex;
  align-items: center;
  gap: 25px;
  min-height: 44px;
  color: #12699f;
  font-size: 15px;
  text-decoration: none;
}
@media (max-width: 850px) {
  .s43-details {
    gap: 30px;
  }
  .s43-scan {
    padding-left: 25px;
  }
  .s43-sources .s41-source-picker button {
    min-width: 130px;
  }
}
@media (max-width: 600px) {
  .s43-details {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .s43-sources .s41-source-picker button {
    min-width: 0;
    min-height: 55px;
  }
  .s43-details {
    padding-top: 25px;
  }
  .s43-scan {
    border-left: 0;
    border-top: 1px solid #6997b857;
    padding: 25px 0 0;
  }
  .s43-details h3 {
    font-size: 24px;
  }
  .s43-source ul {
    margin-top: 23px;
  }
}
body.night {
  background: #081423;
}
.r34-questions-band {
  background:
    radial-gradient(ellipse at 83% 45%, #1b345333, transparent 70%),
    linear-gradient(135deg, #081624, #0d1c2c);
  border-color: #627d9344;
}
.closing-invitation.c33-contact {
  background:
    linear-gradient(110deg, #071220a8, #071322dd),
    url("/website-assets/assets/background-navy-glass-v33-v52.webp")
      center/cover;
}
.c33-contact::before {
  background: linear-gradient(90deg, transparent, #06111f55);
}
.s43-sources {
  background:
    linear-gradient(125deg, #eef1f6ed, #e2e8f0b8),
    url("/website-assets/assets/background-sources-silver-v35-v52.webp")
      center/cover;
}
@keyframes d45-reveal {
  from {
    opacity: 0.35;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.a46-section {
  color: #e1eef9;
  background:
    radial-gradient(ellipse at 38% 58%, #1f568b33, transparent 60%),
    linear-gradient(130deg, #071422e8, #0b1c31ed),
    url("/website-assets/assets/background-evidence-light-v35-v52.webp")
      center/cover;
  padding: 84px 0 76px;
}
.a46-heading {
  display: grid;
  grid-template-columns: 1.12fr 1fr;
  gap: 75px;
  align-items: center;
}
.a46-heading h2 {
  font-size: clamp(36px, 3.1vw, 52px);
  margin: 0;
}
.a46-heading > p {
  color: #b4cbdd;
  font-size: 17px;
  line-height: 1.85;
  max-width: 530px;
  margin: 0;
}
.a46-picker {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 40px 0 24px;
}
.a46-picker button {
  font: 500 15px/1.5 inherit;
  font-family: inherit;
  color: #b7d0e3;
  background: #10263a85;
  border: 1px solid #53738e70;
  border-radius: 10px;
  padding: 12px 22px;
  min-height: 63px;
  cursor: pointer;
  transition:
    background 0.2s,
    border-color 0.2s;
}
.a46-picker button > span {
  display: block;
  font-size: 12px;
  color: #96b5cd;
  margin-top: 3px;
}
.a46-picker button[aria-pressed="true"] {
  background: linear-gradient(110deg, #1f496e99, #14345377);
  border-color: #6bbbed;
  color: #e5f6ff;
}
.a46-picker button[aria-pressed="true"] > span {
  color: #bedcf1;
}
.a46-map {
  position: relative;
  max-width: 1190px;
  margin: auto;
}
.a46-person,
.a46-resource {
  text-align: center;
  min-width: 0;
}
.a46-avatar {
  position: relative;
  display: grid;
  place-items: center;
  width: 98px;
  height: 98px;
  margin: 0 auto 23px;
  color: #a6ddff;
  border: 1px solid #79b6e68c;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 20%, #3b79aa6b, #112d49 70%);
  box-shadow:
    0 0 0 11px #386c9216,
    0 0 55px -22px #3ca8ff99;
}
.a46-avatar svg {
  width: 45px;
  height: 45px;
}
.a46-avatar svg[hidden] {
  display: none;
}
.a46-person h3,
.a46-resource h3 {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.025em;
  margin: 0;
  overflow-wrap: anywhere;
}
.a46-person p,
.a46-resource p {
  font-size: 13px;
  color: #8fb2ce;
  margin: 9px 0 0;
}
.a46-relation {
  align-self: center;
  margin-top: -25px;
  text-align: center;
}
.a46-relation > span {
  display: block;
  color: #8ebbd8;
  font-size: 12px;
  line-height: 1.5;
}
.a46-relation > strong {
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  color: #b7e7ff;
  padding: 8px 20px;
  margin-top: 9px;
  border: 1px solid #5799ca80;
  border-radius: 25px;
  background: linear-gradient(115deg, #21476bb3, #112e4a);
}
.a46-relation > svg {
  display: block;
  width: 100%;
  height: 20px;
  margin-top: 18px;
  stroke: #83c9f7;
  stroke-width: 1.3;
  overflow: visible;
}
@keyframes a46-draw {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.a46-resource {
  padding: 27px 15px 26px;
  border: 1px solid #4a718f66;
  background: linear-gradient(140deg, #18365385, #0e21398c);
  border-radius: 15px;
}
.a46-resource img {
  object-fit: contain;
  filter: drop-shadow(0 8px 9px #0004);
}
.a46-map[data-kind="service"] .a46-relation > strong {
  color: #b8cddd;
  border-color: #69849a88;
  background: #193045;
}
.a46-picker button:hover {
  border-color: #9ed6fc;
}
.a46-picker button:focus-visible {
  outline: 3px solid #8acffe;
  outline-offset: 4px;
}
@media (max-width: 900px) {
  .a46-heading {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .a46-heading > p {
    max-width: 740px;
  }
  .a46-person h3,
  .a46-resource h3 {
    font-size: 18px;
  }
  .a46-resource {
    padding-inline: 10px;
  }
  .a46-relation > strong {
    font-size: 15px;
    padding: 8px 12px;
  }
  .a46-avatar {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 600px) {
  .a46-section {
    padding-block: 55px;
  }
  .a46-heading h2 {
    font-size: 37px;
  }
  .a46-heading > p {
    font-size: 16px;
  }
  .a46-picker {
    margin-top: 28px;
    gap: 8px;
  }
  .a46-picker button {
    flex: 1;
    padding: 11px 9px;
    font-size: 14px;
  }
  .a46-picker button > span {
    font-size: 11px;
  }
  .a46-person {
    grid-column: 1;
  }
  .a46-relation {
    grid-column: 2;
    margin-top: 0;
  }
  .a46-resource {
    grid-column: 3;
    padding: 22px 8px;
  }
  .a46-avatar {
    width: 64px;
    height: 64px;
    margin-bottom: 17px;
    box-shadow: 0 0 0 6px #386c9216;
  }
  .a46-avatar svg {
    width: 32px;
    height: 32px;
  }
  .a46-person h3,
  .a46-resource h3 {
    font-size: 15px;
  }
  .a46-person p,
  .a46-resource p {
    font-size: 11px;
    line-height: 1.6;
  }
  .a46-resource img {
    width: 33px;
    height: 33px;
  }
  .a46-relation > span {
    font-size: 10px;
  }
  .a46-relation > strong {
    font-size: 12px;
    padding: 7px 9px;
  }
  .a46-relation > svg {
    margin-top: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .a46-picker button {
    transition: none;
  }
}
.f33-spotlight {
  overflow: clip;
}
.c33-contact .c32-copy > p + p {
  margin-top: 18px;
}
.a51 {
  position: relative;
  isolation: isolate;
  padding: 90px 0 82px;
  background: #081525
    url("/website-assets/assets/hero-v48/optical-background-1672.webp")
    center/cover;
  color: #e5f2fa;
  overflow: clip;
  scroll-margin-top: 24px;
}
.a51::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, rgba(6, 19, 33, 0.72), rgba(9, 29, 49, 0.73)),
    radial-gradient(ellipse at 22% 40%, #13568155, transparent 60%);
  z-index: -1;
}
.a51 .a51-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 70px;
  margin-bottom: 32px;
}
.a51 .a51-intro h2 {
  font-size: clamp(36px, 3.7vw, 62px);
  line-height: 1.09;
  letter-spacing: -0.04em;
  margin: 0;
  font-weight: 550;
  color: #e5f2fa;
}
.a51 h2 em {
  color: #8fd8ff;
  font-style: normal;
}
.a51 p {
  color: #aecbdc;
  font-size: 17px;
  line-height: 1.65;
  margin: 0;
}
.a51 .a51-intro p {
  max-width: 530px;
  justify-self: end;
}
.a51-tabs {
  display: flex;
  gap: 28px;
  border-bottom: 1px solid #779db940;
  margin-bottom: 38px;
}
.a51-tabs button {
  background: none;
  border: 0;
  border-bottom: 3px solid transparent;
  padding: 16px 2px;
  color: #adc6d8;
  font: inherit;
  font-size: 17px;
  cursor: pointer;
  min-height: 52px;
}
.a51-tabs button[aria-selected="true"] {
  color: #e7f7ff;
  border-color: #85d4ff;
}
.a51 button:focus-visible {
  outline: 3px solid #b3e5ff;
  outline-offset: 5px;
}
.a51 button:hover {
  color: white;
}
.a51 [hidden] {
  display: none !important;
}
.a51-canvas {
  min-height: 438px;
}
.a51-map {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(190px, 0.8fr) minmax(0, 1fr);
  align-items: center;
  gap: 36px;
}
.a51 h3,
.a51 h4 {
  margin: 0;
  color: #e5f2fa;
  letter-spacing: -0.02em;
}
.a51 h3 {
  font-size: 21px;
  font-weight: 550;
}
.a51 h4 {
  font-size: 19px;
  font-weight: 550;
}
.a51 svg {
  width: 32px;
  height: 32px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
  color: #91d8ff;
  flex-shrink: 0;
}
.a51-customer {
  padding: 25px 26px 28px;
  border: 1px solid #76bde46b;
  border-radius: 18px;
  background: linear-gradient(140deg, #163e5e99, #0c203699);
  box-shadow:
    inset 0 1px 0 #a8d9f21c,
    0 20px 60px #02091533;
}
.a51-boundary-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 26px;
}
.a51-boundary-title h3 {
  font-size: 18px;
}
.a51-boundary-title svg {
  width: 24px;
  height: 24px;
}
.a51-scanner {
  display: flex;
  align-items: center;
  gap: 17px;
}
.a51-scanner p,
.a51-stores p {
  font-size: 14px;
}
.a51-core {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 76px;
  height: 76px;
  border: 1px solid #73c5f577;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 20%, #38749b, #0a1727 76%);
  box-shadow:
    0 0 0 9px #5fabd508,
    0 0 36px #51b6f425;
}
.a51-core img {
  object-fit: contain;
}
.a51-fork {
  display: flex;
  margin: 17px 22% 14px;
  height: 28px;
  border-top: 1px solid #5996bc;
  position: relative;
}
.a51-fork:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -18px;
  height: 18px;
  border-left: 1px solid #5996bc;
}
.a51-fork i {
  width: 50%;
  border-left: 1px solid #5996bc;
}
.a51-fork i:last-child {
  border-left: 0;
  border-right: 1px solid #5996bc;
}
.a51-stores {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  text-align: center;
}
.a51-stores svg {
  width: 29px;
  height: 29px;
  margin-bottom: 10px;
}
.a51-stores h4 {
  font-size: 17px;
  margin-bottom: 4px;
}
.a51-relay {
  position: relative;
  text-align: center;
}
.a51-relay-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin: 0 auto 16px;
  border: 1px solid #6bb8e25e;
  border-radius: 16px;
  background: #19476a44;
}
.a51-relay h3 {
  font-size: 20px;
}
.a51-relay p {
  font-size: 15px;
  margin: 10px 0 16px;
}
.a51-relay strong {
  font-size: 14px;
  font-weight: 550;
  line-height: 1.6;
  color: #92d7ff;
}
.a51-link {
  position: absolute;
  right: calc(100% + 4px);
  width: 28px;
  top: 28px;
  height: 1px;
  background: #7cd4ff;
}
.a51-link-end {
  right: auto;
  left: calc(100% + 4px);
}
.a51-link:after {
  content: "";
  position: absolute;
  right: 0;
  top: -3px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #7cd4ff;
  border-right: 1px solid #7cd4ff;
  transform: rotate(45deg);
}
.a51-link span {
  display: block;
  width: 8px;
  height: 3px;
  background: #d9f4ff;
  box-shadow: 0 0 10px #4fb7ff;
  animation: a51-travel 1.3s ease-out 3;
}
.a51-review {
  padding: 8px 0;
}
.a51-review > h3 {
  margin: 20px 0 8px;
}
.a51-review p {
  font-size: 15px;
}
.a51-browser {
  border: 1px solid #8dbae270;
  border-radius: 10px;
  background: linear-gradient(145deg, #1b4162, #0b1c30);
  box-shadow: 0 18px 40px #02081355;
  overflow: hidden;
}
.a51-browser-bar {
  display: flex;
  gap: 5px;
  padding: 10px 13px;
  border-bottom: 1px solid #769ebb35;
}
.a51-browser-bar i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #95bfda;
}
.a51-browser-body {
  display: grid;
  grid-template-columns: 34px 1fr 54px;
  align-items: center;
  gap: 14px;
  padding: 24px 17px;
}
.a51-browser-body b {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #7ab4d450;
  margin: 7px 0;
}
.a51-browser-body b:first-child {
  width: 80%;
  background: #c0e9ff;
}
.a51-browser-body b:last-child {
  width: 65%;
}
.a51-browser-chart {
  height: 43px;
  display: flex;
  align-items: end;
  gap: 5px;
}
.a51-browser-chart i {
  width: 8px;
  height: 80%;
  background: linear-gradient(#96ddff, #267ac4);
  border-radius: 3px 3px 0 0;
}
.a51-browser-chart i:nth-child(2) {
  height: 45%;
}
.a51-browser-chart i:nth-child(3) {
  height: 65%;
}
.a51-browser-chart i:nth-child(4) {
  height: 35%;
}
.a51-explanation {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  gap: 48px;
  border-top: 1px solid #7094ad38;
  margin-top: 32px;
  padding-top: 24px;
}
.a51-explanation h3 {
  font-size: 19px;
  line-height: 1.5;
  max-width: 300px;
}
.a51-explanation p {
  font-size: 15px;
}
.a51-pipeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  margin: 4px 0 34px;
}
.a51-pipeline button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  text-align: left;
  background: linear-gradient(140deg, #153c5955, #0c243433);
  border: 1px solid #6397b540;
  border-radius: 12px;
  padding: 20px;
  color: #b3cadb;
  font: inherit;
  cursor: pointer;
  min-width: 0;
  transition:
    background 0.2s,
    border-color 0.2s;
}
.a51-pipeline button:not(:last-child):after {
  content: "→";
  position: absolute;
  left: calc(100% + 6px);
  top: 47%;
  color: #73a7c6;
}
.a51-pipeline button[aria-pressed="true"] {
  background: linear-gradient(140deg, #275f86aa, #12345499);
  border-color: #8fd8ff;
  box-shadow: 0 6px 28px #020c2533;
}
.a51-pipeline span {
  font-size: 19px;
  color: #e5f4fc;
}
.a51-pipeline small {
  font-size: 14px;
  line-height: 1.4;
}
.a51-stage-detail {
  display: grid;
  grid-template-columns: 0.85fr 1.4fr;
  gap: 55px;
  align-items: center;
  padding: 12px 7% 0;
}
.a51-stage-art {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 206px;
  isolation: isolate;
}
.a51-stage-orbit {
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 1px solid #71bdff35;
  box-shadow:
    0 0 0 18px #458ec50a,
    0 0 0 38px #458ec507;
  transform: rotateX(20deg);
  z-index: -1;
}
.a51-stage-core {
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  border: 1px solid #8dd4ff88;
  border-radius: 23px;
  transform: rotate(-7deg);
  background: linear-gradient(135deg, #286085dd, #112a45);
  box-shadow:
    10px 16px 0 #081a2a88,
    0 0 55px #4aaeee22;
  margin-bottom: 25px;
}
.a51-stage-core svg {
  width: 44px;
  height: 44px;
  transform: rotate(7deg);
}
.a51-stage-art span {
  font-size: 15px;
  color: #bedcf1;
  background: #0b2035cc;
  padding: 5px 14px;
  border-radius: 20px;
}
.a51-stage-copy h3 {
  font-size: 27px;
  line-height: 1.2;
  margin-bottom: 16px;
}
.a51-stage-copy p {
  font-size: 17px;
}
.a51-stage-copy p + p {
  margin-top: 14px;
  color: #91b5cf;
  font-size: 15px;
}
.a51-stores svg {
  margin-left: auto;
  margin-right: auto;
}
@keyframes a51-travel {
  from {
    transform: translateX(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  to {
    transform: translateX(23px);
    opacity: 0;
  }
}
@media (max-width: 1000px) {
  .a51-map {
    grid-template-columns: 1.3fr 0.8fr;
    gap: 28px;
  }
  .a51-review {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 180px 1fr;
    column-gap: 25px;
  }
  .a51-browser {
    grid-row: 1/5;
  }
  .a51-review > h3 {
    margin-top: 0;
  }
  .a51-link-end {
    display: none;
  }
  .a51-explanation {
    gap: 28px;
  }
  .a51-intro {
    gap: 30px !important;
  }
  .a51-pipeline {
    gap: 20px;
  }
  .a51-pipeline button {
    padding: 16px;
  }
  .a51-pipeline small {
    font-size: 13px;
  }
  .a51-stage-detail {
    padding: 0;
    gap: 28px;
  }
}
@media (max-width: 600px) {
  .a51 {
    padding: 56px 0;
  }
  .a51 .a51-intro {
    grid-template-columns: 1fr;
    gap: 20px !important;
  }
  .a51 .a51-intro p {
    font-size: 17px;
  }
  .a51-tabs {
    gap: 20px;
    margin-bottom: 28px;
  }
  .a51-tabs button {
    font-size: 16px;
  }
  .a51-map {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .a51-customer {
    padding: 21px 18px;
  }
  .a51-boundary-title {
    margin-bottom: 24px;
    gap: 10px;
  }
  .a51-boundary-title h3 {
    font-size: 16px;
  }
  .a51-scanner h4 {
    font-size: 19px;
  }
  .a51-stores h4 {
    font-size: 16px;
  }
  .a51-stores p {
    font-size: 13px;
  }
  .a51-relay {
    padding: 15px 8px 15px 78px;
    text-align: left;
    min-height: 130px;
  }
  .a51-relay-icon {
    position: absolute;
    left: 2px;
    top: 20px;
    margin: 0;
  }
  .a51-relay strong {
    font-size: 14px;
  }
  .a51-relay strong br {
    display: none;
  }
  .a51-relay p {
    margin: 7px 0 10px;
  }
  .a51-link {
    top: -22px;
    left: 30px;
    width: 1px;
    height: 36px;
    background: #7cd4ff66;
  }
  .a51-link:after {
    top: auto;
    bottom: 0;
    left: -3px;
    transform: rotate(135deg);
  }
  .a51-link span {
    display: none;
  }
  .a51-link-end {
    display: block;
    top: auto;
    bottom: -22px;
    height: 32px;
  }
  .a51-review {
    display: block;
    padding: 18px 0 0;
  }
  .a51-browser {
    width: 190px;
    margin-bottom: 20px;
  }
  .a51-review > h3 {
    margin: 0 0 8px;
  }
  .a51-explanation {
    grid-template-columns: 1fr;
    gap: 12px;
    padding-top: 23px;
    margin-top: 24px;
  }
  .a51-explanation h3 {
    max-width: none;
    font-size: 20px;
  }
  .a51-explanation p {
    font-size: 16px;
  }
  .a51-pipeline {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .a51-pipeline button {
    padding: 17px 14px;
    gap: 9px;
  }
  .a51-pipeline button:after {
    display: none;
  }
  .a51-pipeline span {
    font-size: 17px;
  }
  .a51-pipeline small {
    font-size: 13px;
  }
  .a51-stage-detail {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .a51-stage-art {
    min-height: 184px;
  }
  .a51-stage-copy h3 {
    font-size: 25px;
  }
  .a51-stage-copy p {
    font-size: 16px;
  }
  .a51-canvas {
    min-height: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .a51 * {
    animation: none !important;
    transition: none !important;
  }
}
#environment,
#approach {
  scroll-margin-top: 24px;
}
@media (max-width: 600px) {
  .a51 {
    padding-block: 48px;
  }
  .a51 .a51-intro {
    margin-bottom: 24px;
  }
  .a51-review {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 8px;
  }
  .a51-review .a51-browser {
    grid-column: 1;
    grid-row: 1/3;
    width: 86px;
    height: 86px;
    margin: 0;
  }
  .a51-review > h3 {
    grid-column: 2;
    align-self: end;
    margin: 0;
    font-size: 19px;
  }
  .a51-review > p {
    grid-column: 2;
    margin: 0;
  }
  .a51-browser-body {
    grid-template-columns: 1fr;
    padding: 13px;
  }
  .a51-browser-body > div {
    display: none;
  }
  .a51-browser-body > svg {
    margin: auto;
  }
  .a46-picker {
    margin-bottom: 16px;
  }
}
.a51 .a51-intro,
.a46-section .a46-heading {
  display: block;
  max-width: 1160px;
  margin: 0 auto 40px;
  text-align: left;
}
.a51 .a51-intro h2,
.a46-section .a46-heading h2 {
  max-width: 900px;
  margin: 0;
  line-height: 1.08;
}
.a51 .a51-intro > p,
.a46-section .a46-heading > p {
  max-width: 730px;
  margin: 23px 0 0;
  font-size: 19px;
  line-height: 1.7;
}
.a51 .a51-intro,
.a46-section .a46-heading {
  text-align: center;
}
.a51 .a51-intro h2,
.a46-section .a46-heading h2,
.a51 .a51-intro > p,
.a46-section .a46-heading > p {
  margin-left: auto;
  margin-right: auto;
}
.a46-section .a46-heading {
  margin-bottom: 28px;
}
.a46-section .a46-picker {
  margin-bottom: 30px;
}
.s43-scan {
  padding-bottom: 0;
}
.r34-questions-band {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 30%, #17527370, transparent 65%),
    radial-gradient(ellipse at 85% 95%, #18477255, transparent 55%),
    linear-gradient(145deg, #081a2b, #102a40 55%, #081a2b);
  overflow: hidden;
}
.r34-questions-band:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: repeating-radial-gradient(
    ellipse at 50% 40%,
    transparent 0 85px,
    #88cef30b 86px,
    transparent 87px 150px
  );
  mask-image: linear-gradient(transparent, #000 40%, transparent);
}
.r34-questions-band .questions-section {
  display: block;
  width: calc(100% - 48px);
  max-width: 920px;
  margin: 0 auto;
  padding: 86px 0 90px;
  border: 0;
}
.r34-questions-band .questions-section h2 {
  max-width: none;
  margin: 0 0 42px;
  text-align: center;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.14;
  letter-spacing: -0.04em;
  color: #e6f3fd;
}
.r34-questions-band .question-list {
  width: 100%;
  border: 0;
  display: grid;
  gap: 12px;
}
.r34-questions-band .question-list details {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #7bbde52f;
  border-radius: 12px;
  background: linear-gradient(110deg, #173950a8, #0a2136c9);
  box-shadow: 0 5px 18px #03101c12;
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease;
}
.r34-questions-band .question-list summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 28px;
  min-height: 78px;
  list-style: none;
  cursor: pointer;
  color: #e0f0fb;
  font-size: 19px;
  line-height: 1.4;
  font-weight: 500;
}
.r34-questions-band .question-list summary::-webkit-details-marker {
  display: none;
}
.r34-questions-band .question-list summary > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  font-size: 24px;
  font-weight: 400;
  color: #8fd7ff;
  transition: transform 220ms ease;
}
.r34-questions-band .question-list details:hover {
  border-color: #7bbde57a;
}
.r34-questions-band .question-list details[open] {
  transform: translateX(8px);
  border-color: #82cdf7aa;
  background: linear-gradient(110deg, #1c4864, #112e48);
  box-shadow:
    -4px 0 0 #86d5ff,
    0 18px 44px #020d1c55;
}
.r34-questions-band .question-list details[open] summary > span {
  transform: rotate(45deg);
}
.r34-questions-band .question-list details p {
  max-width: 760px;
  padding: 0 76px 26px 28px;
  margin: 0;
  color: #c1d9e9;
  font-size: 17px;
  line-height: 1.75;
}
.r34-questions-band .question-list details[open] p {
  animation: faq54-answer 220ms ease-out;
}
.r34-questions-band .question-list summary:focus-visible {
  outline: 3px solid #8cd7ff;
  outline-offset: 4px;
  border-radius: 10px;
}
@keyframes faq54-answer {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 650px) {
  .a51 .a51-intro,
  .a46-section .a46-heading {
    text-align: left;
    margin-bottom: 28px;
  }
  .a51 .a51-intro > p,
  .a46-section .a46-heading > p {
    font-size: 17px;
    line-height: 1.65;
    margin-top: 18px;
  }
  .r34-questions-band .questions-section {
    width: calc(100% - 40px);
    padding: 55px 0 60px;
  }
  .r34-questions-band .questions-section h2 {
    font-size: 36px;
    margin-bottom: 28px;
  }
  .r34-questions-band .question-list summary {
    padding: 19px 18px;
    font-size: 17px;
    gap: 12px;
    min-height: 72px;
  }
  .r34-questions-band .question-list details p {
    padding: 0 18px 22px;
    font-size: 16px;
  }
  .r34-questions-band .question-list details[open] {
    transform: none;
    box-shadow:
      inset 3px 0 0 #86d5ff,
      0 12px 28px #020d1c33;
  }
}
@media (prefers-reduced-motion: reduce) {
  .r34-questions-band .question-list details,
  .r34-questions-band .question-list summary > span {
    transition: none;
  }
  .r34-questions-band .question-list details[open] {
    transform: none;
  }
  .r34-questions-band .question-list details[open] p {
    animation: none;
  }
}
@keyframes j56-copy-in {
  from {
    opacity: 0.35;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.q57-band {
  background:
    radial-gradient(ellipse at 50% 15%, #164f752f, transparent 65%),
    linear-gradient(135deg, #081a2b, #10263e 65%, #081a2b);
}
.q57-band:before {
  opacity: 0.35;
}
.q57-band .questions-section {
  max-width: 880px;
  padding: 64px 0;
}
.q57-band .questions-section h2 {
  font-size: clamp(30px, 3.4vw, 44px);
  margin: 0 0 32px;
  line-height: 1.15;
}
.q57-band .question-list {
  gap: 0;
  border-top: 1px solid #8fcdf438;
}
.q57-band .question-list details {
  border: 0;
  border-bottom: 1px solid #8fcdf438;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: background 180ms ease;
}
.q57-band .question-list summary {
  font-size: 18px;
  min-height: 64px;
  padding: 18px 20px;
  gap: 20px;
  line-height: 1.5;
}
.q57-band .question-list summary > span {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  font-size: 23px;
}
.q57-band .question-list details:hover {
  background: #72c9ff08;
}
.q57-band .question-list details[open] {
  transform: none;
  background: linear-gradient(110deg, #17436866, #102b4420);
  box-shadow: inset 2px 0 #8fd7ff;
  border-color: #8fcdf460;
}
.q57-band .question-list details p {
  max-width: 780px;
  padding: 0 62px 16px 20px;
  font-size: 17px;
  line-height: 1.7;
}
.q57-band .question-list details p:last-child {
  padding-bottom: 24px;
}
@media (max-width: 650px) {
  .q57-band .questions-section {
    width: calc(100% - 40px);
    padding: 44px 0;
  }
  .q57-band .questions-section h2 {
    font-size: 30px;
    margin-bottom: 24px;
  }
  .q57-band .question-list summary {
    font-size: 17px;
    padding: 17px 12px;
    min-height: 64px;
    gap: 12px;
  }
  .q57-band .question-list details p {
    padding: 0 16px 14px 12px;
    font-size: 16px;
  }
  .q57-band .question-list details p:last-child {
    padding-bottom: 20px;
  }
}
.q57-band {
  background-image:
    linear-gradient(
      0deg,
      #071522 0%,
      transparent 16%,
      transparent 88%,
      #071522 100%
    ),
    url("/website-assets/faq-bg-v58-glass.png");
  background-color: #071522;
  background-size: cover;
  background-position: center;
}
.q57-band:before {
  display: none;
}
.q57-band .question-list {
  background: linear-gradient(110deg, #07152244, #07152220);
  border-top-color: #8fcdf440;
}
.q57-band .question-list details[open] {
  background: linear-gradient(110deg, #163c5cbb, #071522bb);
}
@media (max-width: 650px) {
  .q57-band {
    background-position: right center;
  }
  .q57-band .question-list {
    background: #071522aa;
  }
}
.closing-invitation.c59-contact {
  padding: 68px 0 72px;
  border-top: 0;
  background-image:
    linear-gradient(
      180deg,
      #071522 0%,
      #071522a8 28%,
      #07152250 70%,
      #071522 100%
    ),
    url("/website-assets/assets/background-navy-glass-v33-v52.webp");
  background-color: #071522;
  background-position: center;
  background-size: cover;
}
.c59-contact:before {
  background: linear-gradient(90deg, #07152218, #07152255);
}
.c59-contact .c32-layout {
  max-width: 1160px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  gap: 76px;
  align-items: center;
}
.c59-contact .c32-copy {
  padding: 0;
}
.c59-contact .c32-copy h2 {
  font-size: clamp(40px, 4vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.04em;
  margin: 0 0 24px;
}
.c59-contact .c32-copy > p {
  font-size: 18px;
  line-height: 1.7;
  max-width: 445px;
  margin: 0;
  color: #c3d8e8;
}
.c59-demo-topics {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  max-width: 440px;
  display: grid;
  gap: 17px;
}
.c59-demo-topics li {
  position: relative;
  padding-left: 24px;
  color: #c3d8e8;
  font-size: 16px;
  line-height: 1.65;
}
.c59-demo-topics li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: #8fd7ff;
  border-radius: 50%;
  box-shadow: 0 0 12px #43a4dc55;
}
.c59-contact .walkthrough-form.c32-form {
  padding: 30px;
  border: 1px solid #86bde535;
  border-radius: 12px;
  background: linear-gradient(140deg, #132d42e8, #091c2dec);
  box-shadow: 0 20px 60px #0003;
}
.c59-contact .c32-form h3 {
  margin: 0 0 24px;
  color: #e5f3fc;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.c59-contact .walkthrough-form.c32-form label {
  display: block;
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.5;
  color: #d7e8f4;
}
.c59-optional {
  font-size: 13px;
  color: #9fb9ce;
  font-weight: 400;
}
.c59-contact .walkthrough-form.c32-form input,
.c59-contact .walkthrough-form.c32-form textarea {
  width: 100%;
  min-height: 48px;
  margin: 7px 0 0;
  padding: 12px 14px;
  border: 1px solid #729db44d;
  border-radius: 6px;
  background: #081b2bc9;
  color: #f0f7ff;
  font: inherit;
  font-size: 16px;
  box-sizing: border-box;
}
.c59-contact .walkthrough-form.c32-form textarea {
  min-height: 94px;
  resize: vertical;
}
.c59-contact .walkthrough-form.c32-form input:focus,
.c59-contact .walkthrough-form.c32-form textarea:focus {
  outline: 2px solid #8fd7ff;
  outline-offset: 2px;
  background: #0d253b;
}
.c59-contact .walkthrough-form.c32-form > .button {
  border-radius: 6px;
  min-height: 50px;
  justify-content: center;
  gap: 20px;
  font-size: 16px;
  background: linear-gradient(110deg, #a8dfff, #82cfff);
  color: #08263c;
}
.c59-contact .c32-form .form-preview-label {
  font-size: 13px;
  line-height: 1.5;
  color: #a9c3d7;
  text-align: center;
  margin: 14px 0 0;
}
.c59-contact .request-preview {
  margin-top: 18px;
  font-size: 15px;
  overflow-wrap: anywhere;
}
@media (max-width: 900px) {
  .c59-contact .c32-layout {
    gap: 36px;
  }
  .c59-contact .walkthrough-form.c32-form {
    padding: 24px;
  }
  .c59-contact .form-pair {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 650px) {
  .closing-invitation.c59-contact {
    padding: 42px 0 48px;
    background-position: 30% center;
  }
  .c59-contact .c32-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .c59-contact .c32-copy h2 {
    font-size: 42px;
    margin-bottom: 20px;
  }
  .c59-contact .c32-copy > p {
    font-size: 17px;
  }
  .c59-demo-topics {
    gap: 12px;
    margin-top: 22px;
  }
  .c59-contact .walkthrough-form.c32-form {
    padding: 22px 18px;
  }
  .c59-contact .c32-form h3 {
    font-size: 23px;
    margin-bottom: 20px;
  }
}
.s61-header {
  position: sticky;
  top: 0;
  z-index: 80;
  background: linear-gradient(100deg, #081827f5, #10273cf5);
  border-bottom: 1px solid #8bc9f026;
  backdrop-filter: blur(16px);
  color: #e4f2fc;
}
.s61-bar {
  display: flex;
  align-items: center;
  gap: 40px;
  min-height: 80px;
  max-width: 1320px;
}
.s61-bar .brand {
  color: #eaf4fc;
  font-size: 25px;
  gap: 12px;
  flex-shrink: 0;
}
.s61-bar .brand img {
  width: 40px;
  height: 40px;
}
.s61-nav {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-left: auto;
}
.s61-nav a,
.s61-login {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: #c8dfef;
  font-size: 15px;
}
.s61-actions {
  display: flex;
  align-items: center;
  gap: 28px;
}
.s61-contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 20px;
  border-radius: 6px;
  background: #91d7ff;
  color: #09273e;
  font-size: 15px;
  font-weight: 600;
}
.s61-header a:hover {
  color: #9dddff;
}
.s61-contact:hover {
  background: #b4e6ff;
  color: #09273e !important;
}
.s61-header a[aria-current="page"] {
  text-decoration: underline;
  text-underline-offset: 7px;
}
.s61-menu {
  display: none;
}
.s61-mobile[hidden] {
  display: none !important;
}
.s61-header a:focus-visible,
.s61-header button:focus-visible {
  outline: 2px solid #9bdfff;
  outline-offset: 4px;
  border-radius: 4px;
}
.s61-header ~ main [id] {
  scroll-margin-top: 98px;
}
.s61-subpage {
  background: #071522;
  color: #e5f3fd;
}
.s61-subpage .q57-band {
  min-height: 650px;
  padding-top: 25px;
}
.s61-subpage .q57-band .questions-section h1 {
  font-size: clamp(38px, 4.8vw, 58px);
  line-height: 1.12;
  letter-spacing: -0.04em;
  text-align: center;
  margin: 0 0 22px;
  color: #e6f3fd;
}
.s61-page-intro {
  max-width: 610px;
  text-align: center;
  margin: 0 auto 35px;
  font-size: 18px;
  line-height: 1.65;
  color: #bfd7e8;
}
.s61-faq-contact {
  max-width: 880px;
  margin: 28px auto 0;
  padding: 26px 0 0;
  border-top: 1px solid #88b8db33;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.s61-faq-contact p {
  margin: 0;
  font-size: 18px;
  color: #d4eafa;
}
.s61-faq-contact a {
  min-height: 44px;
  display: flex;
  align-items: center;
  color: #98daff;
  font-size: 16px;
  gap: 16px;
}
.s61-subpage .c59-contact {
  padding-top: 70px;
  padding-bottom: 80px;
}
.s61-subpage .c32-copy h1 {
  font-size: clamp(42px, 4.5vw, 62px);
  line-height: 1.08;
  letter-spacing: -0.04em;
  color: #e8f5ff;
  margin: 0 0 24px;
}
.s61-subpage .c32-copy h1 em {
  font-style: normal;
  color: #8ed5ff;
}
@media (max-width: 900px) {
  .s61-bar {
    gap: 24px;
  }
  .s61-nav {
    gap: 24px;
  }
  .s61-actions {
    gap: 18px;
  }
}
@media (max-width: 760px) {
  .s61-bar {
    min-height: 68px;
    gap: 12px;
    width: calc(100% - 32px);
  }
  .s61-bar .brand {
    font-size: 22px;
    gap: 8px;
  }
  .s61-bar .brand img {
    width: 32px;
    height: 32px;
  }
  .s61-nav,
  .s61-login {
    display: none;
  }
  .s61-actions {
    margin-left: auto;
    gap: 12px;
  }
  .s61-contact {
    font-size: 14px;
    padding: 10px 13px;
  }
  .s61-menu {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 6px 0;
    border: 0;
    background: none;
    color: #d5edff;
    font: inherit;
    font-size: 14px;
    cursor: pointer;
  }
  .s61-mobile {
    display: grid;
    padding-bottom: 16px;
    width: calc(100% - 40px);
  }
  .s61-mobile a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    border-top: 1px solid #91bada26;
    color: #d4eafb;
    font-size: 16px;
  }
  .s61-header ~ main [id] {
    scroll-margin-top: 82px;
  }
}
@media (max-width: 600px) {
  .s61-subpage .q57-band {
    padding-top: 0;
  }
  .s61-page-intro {
    font-size: 17px;
    margin-bottom: 26px;
  }
  .s61-faq-contact {
    display: block;
  }
  .s61-faq-contact a {
    margin-top: 10px;
  }
  .s61-subpage .c59-contact {
    padding: 44px 0 50px;
  }
  .s61-subpage .c32-copy h1 {
    font-size: 43px;
  }
}
@media (max-width: 380px) {
  .s61-bar .brand {
    font-size: 20px;
  }
  .s61-contact {
    padding-inline: 10px;
  }
  .s61-actions {
    gap: 10px;
  }
  .s61-menu span {
    display: none;
  }
}

/* Current website styles. Preserve cascade order in build-website.mjs. */
.closing-v65 {
  background: none;
}
.closing-v65 .q57-band {
  border: 0;
  background:
    url("/website-assets/assets/faq-light-v66.svg") center / 100% 100% no-repeat,
    radial-gradient(ellipse at 0% 40%, #145a9b50, transparent 55%),
    linear-gradient(180deg, #081423, #0b1c2e 50%, #081423);
}
.closing-v65 .closing-invitation.c59-contact {
  border: 0;
  background:
    url("/website-assets/assets/contact-light-v66.svg") center / 100% 100%
      no-repeat,
    radial-gradient(ellipse at 91% 40%, #0e6bcc55, transparent 51%),
    linear-gradient(180deg, #081423, #0a1b2e 55%, #081423);
}
.closing-v65 .q57-band::before,
.closing-v65 .c59-contact::before {
  display: none;
}
.closing-v65 .q57-band .question-list {
  background: #08142320;
}
.closing-v65 .q57-band .question-list details[open] {
  background: linear-gradient(110deg, #193e618c, #0b2037a6);
}
.closing-v65 .c59-contact .walkthrough-form.c32-form {
  border-color: #88caf14d;
  background: linear-gradient(135deg, #183a54e8, #0b2036ed);
  box-shadow:
    0 24px 64px -30px #0009,
    inset 0 1px #b8eaff16;
}
@media (max-width: 650px) {
  .closing-v65 .q57-band .question-list {
    background: #081725b3;
  }
  .closing-v65 .c59-contact .c32-copy {
    text-shadow: 0 2px 12px #06111e;
  }
}
.closing-v65 .closing-invitation.c59-contact {
  background-image:
    url("/website-assets/assets/contact-light-v67.svg"),
    radial-gradient(ellipse at 91% 40%, #0e6bcc55, transparent 51%),
    linear-gradient(180deg, #081423, #0a1b2e 55%, #081423);
}
.closing-v65 .q57-band {
  color: #183247;
  background:
    url("/website-assets/assets/faq-silver-v68.svg") center / cover no-repeat,
    radial-gradient(ellipse at 8% 15%, #fff9, transparent 50%),
    radial-gradient(ellipse at 95% 86%, #80abd638, transparent 55%),
    linear-gradient(125deg, #e3eaf1, #f0f3f7 52%, #d8e3ed);
}
.closing-v65 .q57-band .questions-section {
  padding-block: 76px 84px;
}
.closing-v65 .q57-band .questions-section h2 {
  color: #142e43;
}
.closing-v65 .q57-band .question-list {
  background: none;
  border-color: #486a8438;
}
.closing-v65 .q57-band .question-list details {
  border-color: #486a8438;
}
.closing-v65 .q57-band .question-list summary {
  color: #203e55;
}
.closing-v65 .q57-band .question-list summary > span {
  color: #17649c;
}
.closing-v65 .q57-band .question-list details p {
  color: #3b566c;
}
.closing-v65 .q57-band .question-list details:hover {
  background: #ffffff38;
}
.closing-v65 .q57-band .question-list details[open] {
  background: linear-gradient(110deg, #ffffffe0, #edf4fab3);
  box-shadow: inset 3px 0 #287cba;
}
.closing-v65 .q57-band .question-list summary:focus-visible {
  outline: 2px solid #17649c;
  outline-offset: 3px;
}
.closing-v65 .closing-invitation.c59-contact {
  padding-block: 92px;
  border-top: 1px solid #c4e9ff4d;
  background:
    url("/website-assets/assets/contact-focus-v68.svg") right center / cover
      no-repeat,
    radial-gradient(ellipse at 83% 38%, #1d79bb52, transparent 52%),
    radial-gradient(ellipse at 3% 100%, #0a183080, transparent 65%),
    linear-gradient(125deg, #0c243c, #123956 64%, #0b243d);
}
.closing-v65 .c59-contact .walkthrough-form.c32-form {
  background: linear-gradient(135deg, #102b43ee, #091c30f5);
  border-color: #9ad5fa59;
  box-shadow:
    0 24px 65px -22px #020a1877,
    inset 0 1px #c4eaff15;
}
@media (max-width: 650px) {
  .closing-v65 .q57-band .questions-section {
    padding-block: 48px 56px;
  }
  .closing-v65 .q57-band .question-list {
    background: transparent;
  }
  .closing-v65 .closing-invitation.c59-contact {
    padding-block: 54px;
  }
}
.f33-spotlight.p70-support {
  padding: 68px 0;
}
.p70-layout {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 76px;
  align-items: center;
  max-width: 1100px;
}
.p70-portrait {
  position: relative;
  isolation: isolate;
}
.p70-portrait::before {
  content: "";
  position: absolute;
  inset: 18px -15px -15px 18px;
  border: 1px solid #4285b44d;
  border-radius: 5px 5px 54px 5px;
  z-index: -1;
}
.p70-portrait img {
  display: block;
  width: 100%;
  height: 306px;
  object-fit: cover;
  object-position: center 27%;
  border-radius: 5px 5px 44px 5px;
  box-shadow: 0 16px 40px #142e451a;
}
.p70-copy h2 {
  color: #17364b;
  font-size: clamp(30px, 2.6vw, 43px);
  font-weight: 500;
  line-height: 1.17;
  letter-spacing: -0.04em;
  margin: 0 0 22px;
  text-wrap: balance;
}
.p70-copy h2 em {
  color: #176599;
  font-style: normal;
  display: inline-block;
  width: 100%;
  text-wrap: balance;
}
.p70-copy > p {
  font-size: 18px;
  line-height: 1.7;
  color: #3e5b70;
  max-width: 630px;
  margin: 0;
}
.p70-person {
  display: flex;
  align-items: center;
  gap: 36px;
  border-top: 1px solid #607e9638;
  padding-top: 23px;
  margin-top: 27px;
}
.p70-person h3 {
  color: #17364b;
  font-size: 21px;
  font-weight: 600;
  margin: 0 0 5px;
}
.p70-person p {
  color: #3e5b70;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}
.p70-person .p70-experience {
  border-left: 1px solid #607e9638;
  padding-left: 30px;
}
@media (max-width: 900px) {
  .p70-layout {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 40px;
  }
  .p70-portrait img {
    height: 280px;
  }
  .p70-person {
    gap: 14px;
    align-items: flex-start;
    flex-direction: column;
  }
  .p70-person .p70-experience {
    border: 0;
    padding: 0;
  }
}
@media (max-width: 600px) {
  .f33-spotlight.p70-support {
    padding: 44px 0 48px;
  }
  .p70-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .p70-portrait {
    width: 160px;
  }
  .p70-portrait img {
    height: 188px;
    border-bottom-right-radius: 32px;
  }
  .p70-portrait::before {
    inset: 12px -12px -12px 12px;
    border-bottom-right-radius: 40px;
  }
  .p70-copy h2 {
    font-size: 30px;
    margin-bottom: 18px;
  }
  .p70-copy > p {
    font-size: 16px;
  }
  .p70-person {
    margin-top: 22px;
    padding-top: 20px;
  }
  .p70-person p {
    font-size: 16px;
  }
}
.c71-demo-topics li {
  padding-left: 24px;
}
.c71-demo-topics strong {
  display: block;
  color: #e5f3fc;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 4px;
}
.c71-demo-topics span {
  display: block;
}
.c59-contact .c32-form .c71-form-intro {
  color: #b8d0e3;
  font-size: 16px;
  line-height: 1.6;
  margin: -10px 0 24px;
}
.c59-contact .c32-form .request-preview {
  padding: 18px;
  border: 1px solid #87cceb66;
  border-radius: 8px;
  background: #14334b;
  color: #e5f3fc;
}
.c59-contact .c32-form .request-preview p {
  margin: 8px 0 0;
  color: #c6dbea;
  line-height: 1.6;
}
.c59-contact .c32-form .request-preview[data-state="error"] {
  border-color: #edb18b;
}
.c59-contact .c32-form .request-preview:focus {
  outline: 2px solid #8fd7ff;
  outline-offset: 3px;
}
.c59-contact .c32-form .button:disabled {
  cursor: default;
  opacity: 0.7;
}
.c59-contact .c32-form [aria-invalid="true"] {
  outline: 2px solid #edb18b;
  outline-offset: 2px;
}
.c74-coverage {
  margin-top: 52px;
  padding-top: 40px;
  border-top: 1px solid #7394aa66;
  scroll-margin-top: 110px;
}
.c74-heading {
  max-width: 900px;
  margin-bottom: 27px;
}
.c74-heading h3 {
  margin: 0 0 15px;
  font-size: clamp(30px, 3vw, 43px);
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -0.035em;
  color: #143951;
}
.c74-heading h3 em {
  font-style: normal;
  color: #0d699f;
}
.c74-heading p {
  color: #36576c;
  font-size: 18px;
  line-height: 1.7;
  max-width: 66ch;
  margin: 0;
}
.c74-result {
  --c74-blue: #95d9ff;
  --c74-text: #e4f2fd;
  --c74-muted: #b1cbdc;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0;
  border: 1px solid #58788f;
  border-radius: 18px;
  background:
    radial-gradient(ellipse at 24% 110%, #14558180, transparent 55%),
    linear-gradient(125deg, #112c44, #091c2d 70%, #102c45);
  color: var(--c74-text);
  box-shadow: 0 18px 44px #16394f21;
}
.c74-result:before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
  width: 660px;
  height: 400px;
  border: 1px solid #90d3ff12;
  border-radius: 50%;
  transform: rotate(-30deg);
  left: -300px;
  top: 15px;
  box-shadow:
    0 0 0 35px #90d3ff04,
    0 0 0 70px #90d3ff04;
}
.c74-result figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: 0;
  padding: 20px 30px;
  border-bottom: 1px solid #9fc9e22a;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--c74-text);
}
.c74-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 500;
  color: #f4d6a0;
}
.c74-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f4c374;
  box-shadow: 0 0 12px #f4c37433;
}
.c74-choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.c74-choices button {
  appearance: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 230px;
  border: 1px solid #7299b347;
  border-radius: 12px;
  padding: 19px;
  text-align: left;
  font-family: inherit;
  background: linear-gradient(145deg, #41698820, #071b2b20);
  color: var(--c74-text);
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
.c74-choices button:hover {
  border-color: #94d7ff99;
  background: #2d648530;
}
.c74-choices button[aria-selected="true"] {
  border-color: #9bdcff;
  background: linear-gradient(145deg, #39779950, #21476638);
  box-shadow:
    inset 0 -3px #91d8ff,
    0 8px 22px #0000001a;
}
.c74-choices button:last-child[aria-selected="true"] {
  border-color: #c9b17b;
  box-shadow:
    inset 0 -3px #e7c282,
    0 8px 22px #0000001a;
}
.c74-choices button:focus-visible,
.c74-panels [role="tabpanel"]:focus-visible {
  outline: 3px solid #a7e2ff;
  outline-offset: 4px;
}
.c74-art {
  display: block;
  width: 90px;
  height: 84px;
  margin: 0 0 14px;
}
.c74-art svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #8dd4ff;
  stroke-width: 1.5;
  stroke-linejoin: round;
  stroke-linecap: round;
  filter: drop-shadow(0 5px 9px #0003);
}
.c74-choices strong {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
}
.c74-state-label {
  font-size: 14px;
  line-height: 1.5;
  color: var(--c74-muted);
  margin-top: 5px;
}
.c74-choices button:last-child .c74-state-label {
  color: #e8c994;
}
.c74-panels {
  min-width: 0;
  display: grid;
}
.c74-panels > [role="tabpanel"] {
  grid-area: 1/1;
}
.c74-panels > [hidden] {
  display: block !important;
  visibility: hidden;
  pointer-events: none;
}
.c74-panels h3 {
  color: var(--c74-text);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.025em;
  margin: 0 0 14px;
}
.c74-panels p {
  font-size: 16px;
  color: var(--c74-muted);
  line-height: 1.75;
  margin: 0;
}
.c74-next {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-top: 19px;
  margin-top: 20px;
  border-top: 1px solid #94c1dc30;
}
.c74-next > span {
  color: var(--c74-blue);
  font-size: 22px;
  line-height: 1.4;
}
.c74-next svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-top: 2px;
}
.c74-next h4 {
  color: var(--c74-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 6px;
}
.c74-next p {
  font-size: 15px;
}
@media (max-width: 1000px) {
  .c74-choices button {
    padding: 15px;
  }
  .c74-choices strong {
    font-size: 16px;
  }
}
@media (max-width: 760px) {
  .c74-result figcaption {
    padding: 17px 22px;
    flex-wrap: wrap;
    gap: 8px;
  }
  .c74-choices button {
    min-height: 213px;
  }
  .c74-art {
    width: 76px;
    height: 70px;
    margin-bottom: 12px;
  }
  .c74-heading p {
    font-size: 17px;
  }
  .c74-coverage {
    margin-top: 35px;
    padding-top: 30px;
  }
}
@media (max-width: 400px) {
  .c74-result figcaption {
    padding: 17px;
  }
  .c74-choices {
    gap: 11px;
  }
  .c74-choices button {
    padding: 12px;
    min-height: 216px;
  }
  .c74-choices strong {
    font-size: 15px;
  }
  .c74-state-label {
    font-size: 13px;
  }
  .c74-panels h3 {
    font-size: 22px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .c74-choices button {
    transition: none;
  }
}
.c74-coverage.c75-section {
  position: relative;
  isolation: isolate;
  margin: 0;
  padding: 80px 0 88px;
  border: 0;
  background:
    radial-gradient(ellipse at 50% 68%, #21558155, transparent 65%),
    linear-gradient(155deg, #081929f5, #102b43ed 52%, #091a2cf5),
    url("/website-assets/assets/background-navy-glass-v33-v52.webp")
      center/cover;
}
.c75-section::before {
  content: "";
  position: absolute;
  inset: 0 10% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, #91cbed55, transparent);
}
.c75-section .c74-heading {
  max-width: 850px;
  margin: 0 auto 34px;
  text-align: center;
}
.c75-section .c74-heading h2 {
  color: #e4f2fd;
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -0.035em;
  margin: 0 0 20px;
}
.c75-section .c74-heading h2 em {
  color: #95d9ff;
  font-style: normal;
}
.c75-section .c74-heading p {
  color: #b1cbdc;
  max-width: 62ch;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.7;
}
.c75-section .c74-result {
  max-width: 1120px;
  margin: 0 auto;
  border-color: #668fa96b;
  box-shadow:
    0 24px 55px #020c1933,
    inset 0 1px #b4ddf512;
}
@media (max-width: 760px) {
  .c74-coverage.c75-section {
    padding: 54px 0 58px;
  }
  .c75-section .c74-heading {
    text-align: left;
    margin-bottom: 26px;
  }
  .c75-section .c74-heading h2 {
    font-size: 34px;
    margin-bottom: 18px;
  }
  .c75-section .c74-heading p {
    font-size: 17px;
  }
}
#custody {
  --setup-ink: #183c55;
  --setup-copy: #3d5d72;
  --setup-blue: #146d9f;
  --setup-line: #88a7bd70;
  color: var(--setup-ink);
  background:
    radial-gradient(ellipse at 80% 40%, #b9d7ec70, transparent 65%),
    linear-gradient(145deg, #e6edf3ed, #f1f5f8e6 55%, #dce8f2e0),
    url("/website-assets/assets/background-sources-silver-v35-v52.webp") center
      bottom/cover;
}
#custody::before {
  inset: 0 6% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, #7194af66, transparent);
}
#custody .a51-intro h2,
#custody h3,
#custody h4 {
  color: var(--setup-ink);
}
#custody h2 em {
  color: var(--setup-blue);
}
#custody p,
#custody .a51-stage-copy p + p {
  color: var(--setup-copy);
}
#custody svg {
  color: var(--setup-blue);
}
#custody .a51-tabs {
  border-color: var(--setup-line);
}
#custody .a51-tabs button {
  color: var(--setup-copy);
}
#custody .a51-tabs button[aria-selected="true"] {
  color: #0d507b;
  border-color: #197db6;
}
#custody button:hover {
  color: #095888;
}
#custody button:focus-visible {
  outline-color: #126fa9;
}
#custody .a51-customer {
  background: linear-gradient(140deg, #f9fcffde, #dbeaf4b3);
  border-color: #8eafc7;
  box-shadow:
    inset 0 1px #fff,
    0 18px 42px #193b5110;
}
#custody .a51-core {
  border-color: #578aaf;
  box-shadow:
    0 0 0 9px #6eabc211,
    0 6px 20px #30577726;
}
#custody .a51-relay-icon {
  background: linear-gradient(140deg, #f6fbff, #cce3f1);
  border-color: #85aac4;
}
#custody .a51-relay strong {
  color: #0c618f;
}
#custody .a51-link {
  background: #4786b0;
}
#custody .a51-link:after {
  border-color: #4786b0;
}
#custody .a51-link span {
  background: #1b6eaa;
  box-shadow: 0 0 10px #227db544;
}
#custody .a51-explanation {
  border-color: var(--setup-line);
}
#custody .a51-browser {
  box-shadow: 0 12px 26px #23496024;
}
#custody .a51-browser svg,
#custody .a51-stage-core svg {
  color: #91d8ff;
}
#custody .a51-pipeline button {
  background: linear-gradient(135deg, #f8fcffd9, #dceaf3b3);
  border-color: #8daec370;
  color: var(--setup-copy);
}
#custody .a51-pipeline button[aria-pressed="true"] {
  background: linear-gradient(135deg, #d1e8f8, #ecf6fc);
  border-color: #287eaf;
  box-shadow:
    inset 0 -3px #287eaf,
    0 7px 20px #23496012;
}
#custody .a51-pipeline span {
  color: var(--setup-ink);
}
#custody .a51-pipeline button:after {
  color: #487795;
}
#custody .a51-pipeline button:hover {
  border-color: #287eaf;
}
#custody .a51-stage-orbit {
  border-color: #4c8eba60;
  box-shadow:
    0 0 0 18px #458ec50b,
    0 0 0 38px #458ec508;
}
#custody .a51-stage-core {
  box-shadow:
    10px 16px 0 #527b9926,
    0 10px 30px #326b9822;
}
#custody .a51-stage-art span {
  color: #245c7d;
  background: #d5e8f3;
  border: 1px solid #a8c6d9;
}

#content-evidence {
  color: #e4f2fd;
  background:
    radial-gradient(ellipse at 76% 52%, #24577e38, transparent 60%),
    linear-gradient(140deg, #0b1c30f2, #102c43eb 55%, #091a2cf7),
    url("/website-assets/assets/background-silver-blue-v33-v52.webp")
      center/cover;
}
#environment .a46-heading > p {
  max-width: 790px;
}
#environment .a46-heading > p + p {
  margin-top: 14px;
  font-size: 17px;
}

#content-evidence > .wrap {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.65fr);
  gap: clamp(32px, 4vw, 68px);
  align-items: start;
}

#scan-coverage.c75-section {
  padding: 48px 0 54px;
}
#scan-coverage .c74-heading {
  text-align: left;
  max-width: 1120px;
  margin: 0 auto 24px;
}
#scan-coverage .c74-heading h2 {
  font-size: clamp(29px, 2.6vw, 36px);
  margin-bottom: 13px;
}
#scan-coverage .c74-heading p {
  margin: 0;
  font-size: 17px;
  max-width: 68ch;
}
#scan-coverage .c74-result figcaption {
  padding: 15px 25px;
}
#scan-coverage .c74-choices button {
  min-height: 185px;
  padding: 16px;
}
#scan-coverage .c74-art {
  width: 65px;
  height: 60px;
  margin-bottom: 10px;
}
#scan-coverage .c74-panels h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
#scan-coverage .c74-next {
  margin-top: 16px;
  padding-top: 16px;
}

#approach > .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(0, 0.8fr);
  grid-template-areas: "demo intro";
  gap: clamp(32px, 4vw, 64px);
  align-items: start;
}

@media (max-width: 1100px) {
  #content-evidence > .wrap,
  #approach > .wrap {
    display: block;
  }
}
@media (max-width: 650px) {
  #environment .a46-heading > p + p {
    font-size: 16px;
  }
  #scan-coverage.c75-section {
    padding: 42px 0 46px;
  }
  #scan-coverage .c74-result figcaption {
    padding: 15px 17px;
  }
  #scan-coverage .c74-choices button {
    padding: 12px;
    min-height: 194px;
  }
}
#d45-filename {
  overflow-wrap: anywhere;
}
.a46-person p,
.a46-resource p {
  font-size: 14px;
  line-height: 1.6;
}
.a46-picker button > span {
  font-size: 14px;
}
.c74-panels {
  min-height: 300px;
}
@media (max-width: 650px) {
  .a46-picker button > span {
    font-size: 13px;
  }
  .a46-person,
  .a46-relation,
  .a46-resource {
    grid-column: 1;
    grid-row: auto;
  }
  .a46-person {
    display: grid;
    grid-template-columns: 65px 1fr;
    text-align: left;
    column-gap: 20px;
    align-items: center;
  }
  .a46-avatar {
    grid-row: 1/3;
    margin: 0;
  }
  .a46-person h3 {
    font-size: 21px;
  }
  .a46-person p {
    margin-top: 4px;
    font-size: 14px;
  }
  .a46-relation {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: center;
    gap: 10px 12px;
  }
  .a46-relation > span {
    font-size: 14px;
  }
  .a46-relation > strong {
    font-size: 15px;
    margin: 0;
  }
  .a46-relation > svg {
    grid-column: 1/-1;
    justify-self: center;
    width: 50px;
    height: 20px;
    transform: rotate(90deg);
    margin: 12px 0;
    stroke-width: 4;
  }
  .a46-resource {
    padding: 20px;
    display: grid;
    grid-template-columns: 40px 1fr;
    column-gap: 16px;
    text-align: left;
    align-items: center;
  }
  .a46-resource h3 {
    font-size: 20px;
  }
  .a46-resource p {
    font-size: 14px;
    margin-top: 3px;
  }
  .c74-panels {
    min-height: 360px;
  }
}
@media (max-width: 900px) {
  .f33-spotlight.p70-support {
    padding-block: 40px;
  }
  .p70-layout {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 28px 22px;
    align-items: start;
  }
  .p70-copy {
    display: contents;
  }
  .p70-copy h2,
  .p70-copy > p {
    grid-column: 1 / -1;
    margin: 0;
    max-width: 630px;
  }
  .p70-copy h2 {
    grid-row: 1;
    font-size: clamp(28px, 4.4vw, 36px);
    text-wrap: initial;
  }
  .p70-copy h2 em {
    text-wrap: initial;
  }
  .p70-copy > p {
    grid-row: 2;
    font-size: 16px;
    line-height: 1.7;
  }
  .p70-portrait {
    grid-column: 1;
    grid-row: 3;
    width: 108px;
  }
  .p70-portrait img {
    height: 144px;
    border-bottom-right-radius: 26px;
  }
  .p70-portrait::before {
    inset: 8px -8px -8px 8px;
    border-bottom-right-radius: 30px;
  }
  .p70-person {
    grid-column: 2;
    grid-row: 3;
    align-self: center;
    margin: 0;
    padding: 0;
    border: 0;
    gap: 12px;
  }
  .p70-person h3 {
    font-size: 19px;
  }
  .p70-person p {
    font-size: 14px;
    line-height: 1.5;
  }
}
#main {
  --ui-radius: 16px;
  --ui-radius-small: 10px;
  --ui-edge: #82b3d14d;
  --ui-highlight: #93d9ff;
  --ui-shadow: 0 18px 44px -24px #020d22a6, inset 0 1px #d6efff12;
  --ui-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}
#main
  :is(.a46-resource, .a46-unknown, .c74-result, .p79-review, .a51-customer) {
  border-radius: var(--ui-radius);
  border-color: var(--ui-edge);
  box-shadow: var(--ui-shadow);
}
#main :is(.s41-source-picker, .a46-picker) {
  gap: 12px;
}
#main
  :is(.s41-source-picker, .a46-picker, .d45-files, .c74-choices, .p79-findings)
  button {
  transition:
    background-color 200ms var(--ui-ease),
    border-color 200ms var(--ui-ease),
    box-shadow 200ms var(--ui-ease),
    color 200ms var(--ui-ease),
    transform 200ms var(--ui-ease);
  touch-action: manipulation;
}
#main :is(.s41-source-picker, .a46-picker) button {
  border-radius: var(--ui-radius-small);
  min-height: 52px;
}
#main .a46-picker button[aria-pressed="true"] {
  background: linear-gradient(125deg, #234d6d, #112f4b);
  border-color: var(--ui-highlight);
  box-shadow:
    inset 0 -3px var(--ui-highlight),
    0 8px 24px #010f2726;
}
#main .s41-source-picker button[aria-pressed="true"] {
  background: linear-gradient(135deg, #edf8ff, #dcecf7);
  color: #154d70;
  border-color: #3389ba;
  box-shadow:
    inset 0 -3px #287fae,
    0 8px 24px #12395412;
}
#main :is(.c74-choices, .p79-findings) button {
  border-radius: var(--ui-radius-small);
}
#main
  :is(.a46-picker, .s41-source-picker, .d45-files, .c74-choices, .p79-findings)
  button:focus-visible {
  outline: 3px solid var(--ui-highlight);
  outline-offset: 4px;
}
#main .s41-source-picker button:focus-visible {
  outline-color: #09669d;
}
@media (hover: hover) and (pointer: fine) {
  #main
    :is(.s41-source-picker, .a46-picker, .c74-choices, .p79-findings)
    button:hover {
    transform: translateY(-2px);
  }
  #main :is(.a46-picker, .c74-choices, .p79-findings) button:hover {
    border-color: var(--ui-highlight);
  }
}
#main
  :is(.s41-source-picker, .a46-picker, .c74-choices, .p79-findings)
  button:active {
  transform: translateY(0);
}
#sources .s41-source-picker {
  margin-bottom: 30px;
}
#environment .a46-heading {
  margin-bottom: 26px;
}
#environment .a46-picker {
  margin-bottom: 32px;
}
#perspective.p70-support {
  padding-block: 72px;
}
#perspective .p70-layout {
  max-width: 1160px;
  grid-template-columns: 264px minmax(0, 1fr);
  gap: clamp(40px, 6vw, 88px);
}
#perspective .p70-portrait {
  padding: 8px;
  background: linear-gradient(140deg, #ffffffc9, #b8d8eb7d);
  border: 1px solid #ffffffdc;
  border-radius: 20px;
  box-shadow: 0 20px 44px -22px #173f6170;
}
#perspective .p70-portrait::before {
  inset: -16px 28px 28px -16px;
  border-radius: 26px;
  border-color: #4788b143;
}
#perspective .p70-portrait img {
  height: 312px;
  border-radius: 13px;
  object-position: center 25%;
  box-shadow: none;
}
#perspective .p70-copy h2 {
  font-size: clamp(32px, 3vw, 44px);
  line-height: 1.16;
  margin-bottom: 24px;
}
#perspective .p70-copy > p {
  max-width: 57ch;
  line-height: 1.75;
}
#perspective .p70-person {
  margin-top: 28px;
  padding-top: 24px;
  gap: 28px;
}
#perspective .p70-person h3 {
  font-size: 23px;
  letter-spacing: -0.025em;
}
#perspective .p70-experience {
  padding-left: 28px;
}
@media (max-width: 900px) {
  #perspective.p70-support {
    padding-block: 52px;
  }
  #perspective .p70-layout {
    grid-template-columns: 126px minmax(0, 1fr);
    gap: 28px;
  }
  #perspective .p70-copy h2 {
    margin: 0;
    font-size: clamp(30px, 4vw, 38px);
  }
  #perspective .p70-copy h2 em {
    text-wrap: balance;
  }
  #perspective .p70-copy > p {
    margin: 0;
  }
  #perspective .p70-portrait {
    width: 126px;
    padding: 5px;
    border-radius: 14px;
  }
  #perspective .p70-portrait::before {
    inset: -8px 16px 16px -8px;
    border-radius: 19px;
  }
  #perspective .p70-portrait img {
    height: 154px;
    border-radius: 9px;
  }
  #perspective .p70-person {
    padding: 0;
    margin: 0;
    gap: 12px;
  }
  #perspective .p70-person h3 {
    font-size: 21px;
  }
  #perspective .p70-experience {
    padding: 0;
  }
}
@media (max-width: 650px) {
  #main :is(.a46-picker, .s41-source-picker) {
    gap: 8px;
  }
  #perspective .p70-layout {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 24px 20px;
  }
  #perspective .p70-portrait {
    width: 104px;
  }
  #perspective .p70-portrait img {
    height: 136px;
  }
  #perspective .p70-copy h2 {
    font-size: 30px;
  }
  #perspective .p70-person h3 {
    font-size: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #main
    :is(
      .s41-source-picker,
      .a46-picker,
      .d45-files,
      .c74-choices,
      .p79-findings
    )
    button {
    transition: none;
    transform: none;
  }
}
#main .access-hero {
  position: relative;
  overflow: hidden;
  color: #e7f4ff;
  padding: 76px 0 86px;
  background:
    radial-gradient(ellipse at 78% 36%, #174c746b, transparent 56%),
    linear-gradient(135deg, #071724, #0b2239 65%, #091c2e);
}
.access-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(
    150deg,
    transparent 0 145px,
    #78caff08 146px,
    transparent 147px
  );
  mask-image: linear-gradient(90deg, transparent, #000);
}
.access-hero-layout {
  position: relative;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  align-items: center;
  gap: clamp(36px, 6vw, 88px);
}
.access-hero-copy h1 {
  font-size: clamp(38px, 4.1vw, 62px);
  line-height: 1.09;
  letter-spacing: -0.045em;
  font-weight: 500;
  margin: 0 0 28px;
  text-wrap: balance;
}
.access-hero-copy h1 em {
  color: #91d8ff;
  font-style: normal;
}
.access-hero-copy > p {
  font-size: 19px;
  line-height: 1.7;
  color: #bcd3e4;
  max-width: 53ch;
  margin: 0 0 30px;
}
.access-hero .actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
.access-hero .button {
  background: #d7f0ff;
  color: #0b2c45;
  border: 1px solid #c8ebff;
  box-shadow: 0 4px 24px #57beff18;
  transition:
    background 0.2s,
    box-shadow 0.2s;
}
.access-hero .button:hover {
  background: #fff;
  color: #0b2c45;
  box-shadow: 0 6px 30px #57beff30;
}
.access-hero .secondary {
  color: #c9e8fa;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.hero-evidence {
  position: relative;
  margin: 0;
  padding: 30px;
  border: 1px solid #7bc7f347;
  border-radius: 24px;
  background: linear-gradient(145deg, #193c57c9, #0b2035e8);
  box-shadow:
    0 30px 70px #020b1d66,
    inset 0 1px #b8e5ff1c;
}
.hero-evidence figcaption {
  font-size: 18px;
  line-height: 1.5;
  color: #edf8ff;
  margin-bottom: 28px;
}
.hero-evidence figcaption span {
  display: block;
  color: #9fbfd7;
}
.hero-identity {
  display: flex;
  align-items: center;
  gap: 17px;
}
.hero-identity strong {
  display: block;
  font-size: 21px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.hero-identity div > span {
  display: block;
  font-size: 14px;
  color: #a9c6dc;
  margin-top: 5px;
}
#main .access-story {
  background:
    radial-gradient(ellipse at 5% 16%, #173b5966, transparent 60%),
    linear-gradient(155deg, #0b2239, #081c30 70%, #102940);
}
#main .access-story #environment,
#main .access-story #scan-coverage {
  background: transparent;
}
#main .access-story #environment::before,
#main .access-story #environment::after,
#main .access-story #scan-coverage::before,
#main .access-story #scan-coverage::after {
  display: none;
}
#main .access-story #environment {
  padding: 80px 0 48px;
}
#main .access-story #scan-coverage {
  padding: 44px 0 80px;
}
#scan-coverage > .wrap {
  border-top: 1px solid #8bcbf02b;
  padding-top: 48px;
}
#main #environment .a46-heading {
  max-width: 820px;
  margin: 0 auto 28px;
  text-align: center;
  display: block;
}
#environment .a46-heading h2 {
  max-width: none;
}
#environment .a46-heading p {
  margin: 18px auto 0;
  max-width: 65ch;
}
#main .evidence-story {
  background:
    radial-gradient(ellipse at 90% 30%, #164b7166, transparent 60%),
    linear-gradient(150deg, #0a2035, #102b42);
}
#main .evidence-story #content-evidence,
#main .evidence-story #approach {
  background: transparent;
}
#main .evidence-story #content-evidence::before,
#main .evidence-story #content-evidence::after,
#main .evidence-story #approach::before,
#main .evidence-story #approach::after {
  display: none;
}
#main #approach {
  padding-top: 48px;
}
#main .loss-validation {
  padding: 72px 0;
  background:
    radial-gradient(ellipse at 0 100%, #d0e9f8aa, transparent 70%),
    linear-gradient(120deg, #f1f7fc, #dceaf4);
  color: #14394f;
}
.loss-layout {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 70px;
  align-items: start;
}
.loss-layout h2 {
  font-size: clamp(34px, 3.5vw, 50px);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.12;
  margin: 0;
}
.loss-layout h2 em {
  font-style: normal;
  color: #076aad;
}
.loss-copy p {
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 18px;
  color: #3d5f75;
}
#main .deployment-story {
  background:
    radial-gradient(ellipse at 80% 70%, #173e5d77, transparent 60%),
    linear-gradient(130deg, #091d30, #0e2a40);
}
#main .deployment-story #custody {
  background: transparent;
  padding: 78px 0;
}
#main .deployment-story #custody::before,
#main .deployment-story #custody::after {
  display: none;
}
#main #custody .a51-intro {
  max-width: 820px;
  margin: 0 auto 38px;
  text-align: center;
}
#main #sources {
  padding: 0 0 40px;
  margin: 0 0 40px;
  background: transparent;
  color: #dcedf8;
  border-bottom: 1px solid #84c3ed30;
}
#main #sources::before,
#main #sources::after {
  display: none;
}
#main #sources .s41-source-picker {
  justify-content: center;
}
#main #sources .s41-source-picker button {
  background: #18374f;
  color: #bfdcf1;
  border: 1px solid #6c9eba70;
}
#main #sources .s41-source-picker button[aria-pressed="true"] {
  background: #dceffd;
  color: #154d70;
}
#main #sources .s43-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}
#main #sources .s43-source,
#main #sources .s43-scan {
  background: transparent;
  border-color: #729db747;
  box-shadow: none;
  color: #dcedf8;
}
#main #sources h3 {
  color: #e2f3ff;
  font-size: 25px;
  line-height: 1.3;
  margin: 0 0 16px;
}
#main #sources p,
#main #sources li {
  color: #abc9df;
  font-size: 16px;
  line-height: 1.65;
}
#main #sources strong {
  color: #a2deff;
}
#main #sources .s43-scan-step {
  border-color: #729db747;
}
#main #custody .a51-tabs {
  margin-top: 8px;
}
@media (max-width: 1000px) {
  #main .access-hero {
    padding: 58px 0 64px;
  }
  .access-hero-layout {
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
  .access-hero-copy h1 {
    font-size: 40px;
  }
  .access-hero-copy > p {
    font-size: 17px;
  }
  .hero-evidence {
    padding: 24px;
  }
  .hero-identity strong {
    font-size: 18px;
  }
}
@media (max-width: 760px) {
  .access-hero-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .access-hero-copy h1 {
    font-size: clamp(34px, 7.5vw, 46px);
    max-width: 17ch;
  }
  .access-hero-copy > p {
    max-width: 54ch;
  }
  .hero-evidence {
    max-width: 530px;
    width: 100%;
    justify-self: center;
    box-sizing: border-box;
  }
  .loss-layout {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  #main .loss-validation {
    padding: 52px 0;
  }
  #main #sources .s43-details {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  #main #sources .s43-scan {
    border-top: 1px solid #729db747;
    padding-top: 26px;
  }
  #main #environment .a46-heading,
  #main #custody .a51-intro {
    text-align: left;
  }
  #main .access-story #environment {
    padding: 54px 0 32px;
  }
  #main .access-story #scan-coverage {
    padding: 24px 0 52px;
  }
  #main .deployment-story #custody {
    padding: 54px 0;
  }
  #scan-coverage > .wrap {
    padding-top: 34px;
  }
  #main #sources .s41-source-picker {
    justify-content: flex-start;
  }
}
@media (max-width: 400px) {
  .hero-evidence {
    padding: 20px;
  }
  .access-hero .actions {
    gap: 18px;
  }
}
#main .deployment-story {
  background:
    radial-gradient(ellipse at 80% 40%, #b9d7ec70, transparent 65%),
    linear-gradient(145deg, #e6edf3ed, #f1f5f8e6 55%, #dce8f2e0),
    url("/website-assets/assets/background-sources-silver-v35-v52.webp") center
      bottom/cover;
}
#main #sources {
  color: #183c55;
  border-color: #88a7bd70;
}
#main #sources .s41-source-picker button {
  background: #edf6fccc;
  color: #28516b;
  border-color: #8bafc870;
}
#main #sources .s41-source-picker button[aria-pressed="true"] {
  background: #cce8fa;
  color: #10476b;
  border-color: #388ab9;
}
#main #sources h3 {
  color: #183c55;
}
#main #sources p,
#main #sources li {
  color: #3d5d72;
}
#main #sources strong {
  color: #146d9f;
}
#main #sources .s43-source,
#main #sources .s43-scan,
#main #sources .s43-scan-step {
  border-color: #88a7bd70;
}
#main .loss-validation {
  background:
    radial-gradient(ellipse at 5% 50%, #23517077, transparent 65%),
    linear-gradient(120deg, #102b42, #081c2e);
  color: #e4f2fc;
}
.loss-layout h2 {
  color: #e4f2fc;
}
.loss-layout h2 em {
  color: #91d8ff;
}
.loss-copy p {
  color: #b5cfdf;
}
#main .access-story,
#main .evidence-story,
#main .deployment-story {
  position: relative;
  isolation: isolate;
}
#main .access-story {
  background: linear-gradient(180deg, #07192b, #061626 62%, #07192b);
}
#main .evidence-story {
  background: linear-gradient(180deg, #07192b, #061626 70%, #0b2034);
}
#main .deployment-story {
  background: linear-gradient(135deg, #ecf3f8, #e1edf5);
}
#main .access-story::before,
#main .evidence-story::before,
#main .deployment-story::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  mask-image: linear-gradient(
    180deg,
    transparent,
    #000 12%,
    #000 88%,
    transparent
  );
}
#main .access-story::before {
  background-image:
    linear-gradient(
      90deg,
      transparent,
      #061626ad 12%,
      #06162680 76%,
      transparent
    ),
    url("/website-assets/assets/section-glass-v1/access-1672.webp");
  opacity: 0.86;
}
#main .evidence-story::before {
  background-image: url("/website-assets/assets/section-glass-v1/evidence-1672.webp");
  opacity: 0.8;
}
#main .deployment-story::before {
  background-image:
    linear-gradient(90deg, #edf4fa22, #edf4fa55 82%, transparent),
    url("/website-assets/assets/section-glass-v1/deployment-1672.webp");
  opacity: 0.9;
}
#main .access-story .a46-resource {
  background: linear-gradient(135deg, #173e5cec, #0b2034f0);
  box-shadow:
    inset 0 1px #b8e8ff38,
    0 18px 50px #020c1d55;
  border-color: #7dcfff66;
}
#main .access-story .c74-result {
  box-shadow: 0 20px 55px #020c1d30;
}
@media (max-width: 760px) {
  #main .access-story::before {
    background-image:
      linear-gradient(
        90deg,
        transparent,
        #06162680 15%,
        #06162680 85%,
        transparent
      ),
      url("/website-assets/assets/section-glass-v1/access-800.webp");
    background-size: auto 1100px;
    background-position: left top;
    opacity: 0.58;
  }
  #main .evidence-story::before {
    background-image: url("/website-assets/assets/section-glass-v1/evidence-800.webp");
    background-size: auto 1200px;
    background-position: right center;
    opacity: 0.5;
  }
  #main .deployment-story::before {
    background-image:
      linear-gradient(90deg, #edf4fa33, #edf4fa66 82%, transparent),
      url("/website-assets/assets/section-glass-v1/deployment-800.webp");
    background-size: auto 1200px;
    background-position: right bottom;
    opacity: 0.65;
  }
}

/* Current website styles. Preserve cascade order in build-website.mjs. */
@media (min-width: 1100px) {
  #environment > .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px 54px;
    align-items: end;
  }
  #main #environment .a46-heading {
    text-align: left;
    max-width: 780px;
    margin: 0;
  }
  #environment .a46-heading p {
    margin-left: 0;
  }
  #environment .a46-picker {
    margin: 0 0 5px;
    align-self: end;
  }
  #environment .a46-map {
    grid-column: 1/-1;
  }
}
#scan-coverage > .wrap {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.35fr);
  gap: clamp(32px, 5vw, 76px);
  align-items: start;
}
#scan-coverage .c74-heading {
  margin: 28px 0 0;
  max-width: 410px;
}
#scan-coverage .c74-heading h2 {
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.15;
}
#main #scan-coverage .c74-result {
  width: 100%;
  margin: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
#scan-coverage .c74-result::before,
#scan-coverage .c74-result::after {
  display: none;
}
#scan-coverage .c74-result figcaption {
  padding: 0 0 18px;
  background: none;
  border: 0;
  font-size: 14px;
  gap: 16px;
}
#scan-coverage .c74-choices {
  gap: 16px;
}
#scan-coverage .c74-choices button {
  min-height: 172px;
  padding: 22px;
  border-radius: 16px;
  background: linear-gradient(145deg, #14354fe6, #0a1d30ed);
}
#scan-coverage .c74-choices button[aria-selected="true"] {
  background: linear-gradient(135deg, #235573, #112e48);
  border-color: #8dd7ff;
  box-shadow:
    inset 0 1px #bfeaff55,
    0 10px 32px #020b1b40;
}
#scan-coverage .c74-art {
  width: 58px;
  height: 52px;
}
#scan-coverage .c74-panels {
  min-height: 275px;
  margin-top: 26px;
  padding-left: 22px;
  border-left: 2px solid #65b4e15c;
}
#scan-coverage .c74-panels h3 {
  font-size: 22px;
}
#scan-coverage .c74-next {
  border-top-color: #84c8f026;
}
#main #content-evidence > .wrap {
  display: block;
}
@media (max-width: 1000px) {
  #scan-coverage > .wrap {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  #scan-coverage .c74-heading {
    max-width: 740px;
    margin: 0;
  }
  #scan-coverage .c74-panels {
    min-height: 220px;
  }
}
@media (max-width: 650px) {
  #scan-coverage .c74-result figcaption {
    align-items: start;
    flex-direction: column;
    gap: 7px;
  }
  #scan-coverage .c74-choices {
    gap: 12px;
  }
  #scan-coverage .c74-choices button {
    padding: 16px 12px;
    min-height: 185px;
  }
  #scan-coverage .c74-panels {
    padding-left: 16px;
    min-height: 0;
  }
}

/* Current website styles. Preserve cascade order in build-website.mjs. */
#main .evidence-story #content-evidence.q92-section {
  padding: 72px 0;
  color: #142f4e;
  background:
    linear-gradient(115deg, #f4f8fbea, #e6f1f9c9),
    url("/website-assets/assets/section-glass-v1/deployment-1672.webp")
      center/cover;
}
#main #content-evidence > .q92-layout {
  display: grid;
  grid-template-columns: minmax(220px, 0.7fr) minmax(0, 2fr);
  gap: 44px;
  align-items: center;
}
.q92-heading h2 {
  font-size: clamp(28px, 2.6vw, 38px);
  line-height: 1.2;
  letter-spacing: -0.035em;
  color: #142f4e;
  margin: 0 0 22px;
}
.q92-heading h2 em {
  font-style: normal;
  color: #0874be;
}
.q92-heading p {
  font-size: 17px;
  line-height: 1.7;
  color: #42617b;
  margin: 0 0 18px;
}
.q92-explorer {
  border: 1px solid #c5d7e6;
  border-radius: 10px;
  overflow: hidden;
  background: #fcfdff;
  box-shadow: 0 14px 40px -24px #153d6d66;
  min-width: 0;
}
.q92-body {
  display: grid;
  grid-template-columns: minmax(190px, 0.86fr) minmax(0, 1.4fr);
}
.q92-library {
  border-right: 1px solid #d5e1ed;
  background: #f8fbfe;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.q92-library h3 {
  font-size: 14px;
  font-weight: 600;
  color: #203e5b;
  padding: 16px 20px;
  margin: 0;
  border-bottom: 1px solid #d5e1ed;
}
.q92-files {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.q92-files .q92-file {
  flex: 1;
  align-items: center;
}
.q92-file {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-height: 78px;
  text-align: left;
  width: 100%;
  padding: 18px 16px;
  border: 0;
  border-bottom: 1px solid #d9e5ef;
  border-left: 3px solid transparent;
  background: transparent;
  color: #183854;
  cursor: pointer;
  transition: background-color 160ms ease;
}
.q92-file > svg {
  width: 20px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 2px;
  color: #356b93;
}
.q92-file > span {
  min-width: 0;
  display: grid;
  gap: 6px;
}
.q92-file strong {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.q92-file > span > span {
  font-size: 12px;
  line-height: 1.5;
  color: #516f89;
}
.q92-file:hover {
  background: #eaf3fa;
}
.q92-file[aria-pressed="true"] {
  background: linear-gradient(100deg, #dcefff, #eaf5ff);
  border-left-color: #148cf3;
}
.q92-file:focus-visible {
  outline: 3px solid #1679c5;
  outline-offset: -3px;
}
.q92-evidence {
  padding: 18px 22px;
  min-width: 0;
  color: #193855;
}
.q92-evidence header h3 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.4;
  margin: 0 0 6px;
  overflow-wrap: anywhere;
  color: #112f4d;
}
.q92-evidence header p {
  font-size: 12px;
  line-height: 1.6;
  color: #54718b;
  margin: 0;
}
.q92-facts {
  display: grid;
  gap: 8px;
  margin: 16px 0;
  padding-top: 14px;
  border-top: 1px solid #d7e3ed;
  font-size: 13px;
}
.q92-facts > div {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 12px;
}
.q92-facts dt {
  color: #54718b;
}
.q92-facts dd {
  margin: 0;
  color: #203d57;
  overflow-wrap: anywhere;
}
.q92-facts code {
  font-size: 13px;
  color: #163d62;
  background: #eaf2f8;
  padding: 2px 6px;
  border-radius: 4px;
}
.q92-context {
  background: #eff5fa;
  border: 1px solid #d9e5ee;
  border-radius: 6px;
  padding: 14px 16px;
}
.q92-context h4 {
  font-size: 13px;
  font-weight: 600;
  color: #284965;
  margin: 0 0 7px;
}
.q92-context p {
  font-size: 13px;
  line-height: 1.65;
  color: #4a6880;
  margin: 0;
}
.q92-evidence .q92-caveat {
  font-size: 12px;
  line-height: 1.6;
  color: #516f89;
  margin: 16px 0 0;
  padding-top: 14px;
  border-top: 1px solid #d9e5ee;
}
#main .evidence-story #approach.q93-section {
  padding: 64px 0 70px;
  background:
    linear-gradient(110deg, #071a2beb, #071a2bab),
    url("/website-assets/assets/section-glass-v1/evidence-1672.webp")
      center/cover;
}
.q93-heading {
  margin-bottom: 32px;
  max-width: 900px;
}
#main #approach.q93-section > .wrap {
  display: block;
}
.q93-heading h2 {
  font-size: clamp(28px, 2.7vw, 38px);
  letter-spacing: -0.03em;
  line-height: 1.25;
  color: #e7f5ff;
  margin: 0 0 12px;
}
.q93-heading h2 em {
  font-style: normal;
  color: #94d8ff;
}
.q93-heading p {
  font-size: 17px;
  color: #aacbe2;
  line-height: 1.6;
  margin: 0;
}
.q93-review {
  border: 1px solid #395775;
  border-radius: 10px;
  overflow: hidden;
  background: #14263a;
  box-shadow: 0 18px 42px -28px #0009;
}
.q93-columns,
.q93-finding > summary {
  display: grid;
  grid-template-columns: minmax(0, 2.8fr) minmax(110px, 1fr) 90px 65px 20px;
  gap: 22px;
  align-items: center;
  padding: 16px 22px;
}
.q93-columns {
  font-size: 12px;
  color: #b5cde2;
  background: #15283e;
}
.q93-finding {
  border: 0;
  border-top: 1px solid #354e69;
  margin: 0;
}
.q93-finding > summary {
  font-size: 14px;
  line-height: 1.55;
  color: #dcecff;
  list-style: none;
  cursor: pointer;
  min-height: 70px;
  background: #192e44;
  transition: background-color 160ms ease;
}
.q93-finding > summary::-webkit-details-marker {
  display: none;
}
.q93-finding > summary::marker {
  content: "";
}
.q93-finding > summary:hover {
  background: #233e59;
}
.q93-finding > summary:focus-visible {
  outline: 3px solid #55bdff;
  outline-offset: -4px;
}
.q93-finding[open] > summary {
  background: linear-gradient(100deg, #d8edff, #edf4ff);
  color: #1a3551;
  box-shadow: inset 3px 0 #239cf5;
}
.q93-name {
  overflow-wrap: anywhere;
}
.q93-finding > summary > span,
.q93-finding[open] > summary > span {
  transform: none;
  color: inherit;
  font-size: inherit;
}
.q93-finding > summary > .q93-source {
  font-size: 13px;
}
.q93-finding > summary > .q93-severity {
  font-size: 12px;
  color: #a32237;
}
.q93-name strong {
  font-weight: 600;
}
.q93-source {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}
.q93-source img {
  flex-shrink: 0;
}
.q93-severity {
  justify-self: start;
  background: #ffe0e5;
  color: #a32237;
  border-radius: 5px;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 1.5;
}
.q93-chevron {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  transition: transform 180ms ease;
}
.q93-finding[open] .q93-chevron {
  transform: rotate(180deg);
}
.q93-mobile-label {
  display: none;
}
.q93-expanded {
  background: linear-gradient(105deg, #f5f9fe, #eaf1f9);
  padding: 22px 26px 26px;
  color: #183552;
}
.q93-pattern {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 13px;
  color: #42617c;
  margin-bottom: 20px;
}
.q93-pattern code {
  font-size: 13px;
  padding: 4px 8px;
  background: #dce8f5;
  border-radius: 5px;
  color: #204665;
}
.q93-detail-grid {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 30px;
}
.q93-detail-grid h3 {
  font-size: 15px;
  font-weight: 600;
  color: #1a3650;
  margin: 0 0 12px;
}
.q93-detail-grid p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 12px;
  padding: 0;
  color: #33536e;
  overflow-wrap: anywhere;
}
.q93-guide {
  border-left: 1px solid #cfdeed;
  padding-left: 30px;
}
.q93-guide ol {
  padding: 0 0 0 18px;
  margin: 0;
  color: #284a65;
  font-size: 13px;
  line-height: 1.7;
  list-style: disc;
}
.q93-guide li + li {
  margin-top: 8px;
}
@media (max-width: 1100px) {
  #main #content-evidence > .q92-layout {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .q92-heading {
    max-width: 680px;
  }
  .q92-heading p {
    margin-bottom: 10px;
  }
  .q92-body {
    grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.5fr);
  }
}
@media (max-width: 650px) {
  #main .evidence-story #content-evidence.q92-section,
  #main .evidence-story #approach.q93-section {
    padding: 44px 0;
  }
  .q92-body {
    grid-template-columns: 1fr;
  }
  .q92-library {
    border: 0;
    border-bottom: 1px solid #c5d7e6;
  }
  .q92-file {
    padding: 14px 16px;
    min-height: 72px;
    align-items: center;
  }
  .q92-file strong {
    font-size: 14px;
  }
  .q92-file > span > span {
    font-size: 13px;
  }
  .q92-evidence {
    padding: 20px 17px;
  }
  .q92-facts {
    font-size: 14px;
  }
  .q92-context p,
  .q92-evidence .q92-caveat {
    font-size: 14px;
  }
  .q93-columns {
    display: none;
  }
  .q93-finding > summary {
    grid-template-columns: 1fr auto auto 20px;
    gap: 12px 10px;
    padding: 17px;
    min-height: 96px;
  }
  .q93-name {
    grid-column: 1/4;
    font-size: 15px;
  }
  .q93-source {
    grid-column: 1;
    font-size: 12px;
  }
  .q93-severity {
    grid-column: 2;
  }
  .q93-count {
    grid-column: 3;
    font-size: 12px;
  }
  .q93-chevron {
    grid-column: 4;
    grid-row: 1;
  }
  .q93-mobile-label {
    display: inline;
  }
  .q93-finding > summary > .q93-name {
    font-size: 15px;
  }
  .q93-finding > summary > .q93-source,
  .q93-finding > summary > .q93-count {
    font-size: 12px;
  }
  .q93-expanded {
    padding: 18px;
  }
  .q93-detail-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .q93-guide {
    border: 0;
    border-top: 1px solid #cfdeed;
    padding: 18px 0 0;
  }
  .q93-guide ol,
  .q93-detail-grid p {
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .q92-file,
  .q93-finding > summary,
  .q93-chevron {
    transition: none;
  }
}

/* Current website styles. Preserve cascade order in build-website.mjs. */
#main {
  --chapter-ink: #143852;
  --chapter-copy: #416077;
  --chapter-blue: #0878bb;
  --chapter-line: #aac6d95c;
}
#main .access-story::before,
#main .evidence-story::before {
  display: none;
}
#main .access-story {
  padding-top: 0;
  background: linear-gradient(180deg, #f5f9fc, #e7f1f8);
}
#main .access-story #environment {
  background:
    radial-gradient(ellipse at 90% 50%, #bddef65c, transparent 55%),
    linear-gradient(120deg, #f5f9fcf0, #eef5fabe),
    url("/website-assets/assets/section-glass-v1/deployment-1672.webp")
      center/cover;
  color: var(--chapter-ink);
  padding: 80px 0 48px;
}
#main #environment > .wrap {
  display: block;
}
#main #environment .a46-heading {
  max-width: 800px;
  margin: 0 auto 36px;
  text-align: center;
}
#environment .a46-heading h2 {
  color: var(--chapter-ink);
  font-size: clamp(34px, 3.3vw, 48px);
  line-height: 1.14;
}
#environment .a46-heading h2 em {
  color: var(--chapter-blue);
}
#environment .a46-heading p {
  color: var(--chapter-copy);
  font-size: 17px;
  line-height: 1.7;
  margin: 16px auto 0;
  max-width: 72ch;
}
#environment .a46-picker {
  display: flex;
  width: fit-content;
  justify-content: center;
  gap: 6px;
  margin: 8px auto 12px;
  padding: 5px;
  background: #dbeaf477;
  border: 1px solid #8eb5ce66;
  border-radius: 40px;
}
#environment .a46-picker button {
  min-width: 170px;
  padding: 10px 22px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 32px;
  color: #2c526c;
  font-size: 15px;
  box-shadow: none;
  transform: none;
}
#environment .a46-picker button > span {
  font-size: 13px;
  color: #4b6d85;
  margin-top: 4px;
}
#environment .a46-picker button[aria-pressed="true"] {
  background: linear-gradient(130deg, #245778, #193b56);
  border-color: #74b9e4;
  color: #f1faff;
  box-shadow: 0 3px 10px #010a1733;
}
#environment .a46-picker button[aria-pressed="true"] > span {
  color: #cee8f9;
}
#environment .a46-picker button:hover {
  background-color: #9bc9e54d;
}
#environment .a46-person h3,
#environment .a46-resource h3 {
  font-size: 21px;
  overflow-wrap: anywhere;
}
#environment .a46-person h3 {
  color: var(--chapter-ink);
}
#environment .a46-resource h3 {
  color: #edf8ff;
}
#environment .a46-person p {
  color: #466981;
  font-size: 14px;
}
#environment .a46-resource p {
  color: #aecbdf;
  font-size: 14px;
}
#environment .a46-avatar {
  width: 76px;
  height: 76px;
  background: linear-gradient(130deg, #286a92, #173c58);
  border-color: #72b5df;
  color: #b2e3ff;
  box-shadow:
    0 0 0 8px #6dbbf20b,
    0 10px 24px #0003;
}
#environment .a46-avatar svg {
  width: 35px;
  height: 35px;
}
#environment .a46-relation > span {
  font-size: 13px;
  color: #3e647e;
}
#environment .a46-relation > strong {
  font-size: 17px;
  padding: 8px 20px;
  background: #d2eafa;
  border-color: #74aacb;
  color: #155780;
}
#environment .a46-relation > svg {
  color: #2989bd;
  stroke: #2989bd;
  filter: none;
}
#main .access-story .a46-resource {
  background: linear-gradient(135deg, #244b69, #12314c);
  border: 1px solid #608eb0;
  box-shadow: 0 8px 28px #020d1c45;
  border-radius: 14px;
  padding: 26px 18px;
}
#main .access-story #scan-coverage {
  margin: 0;
  border: 0;
  padding: 48px 0 88px;
  color: var(--chapter-ink);
  background:
    radial-gradient(ellipse at 10% 70%, #b3d7ee66, transparent 55%),
    linear-gradient(175deg, #eef5fa, #e5eff7);
}
#scan-coverage > .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  align-items: center;
  gap: 64px;
  padding-top: 40px;
  border-top: 1px solid var(--chapter-line);
}
#scan-coverage .c74-heading {
  grid-column: 2;
  grid-row: 1;
  text-align: left;
  max-width: none;
  margin: 0;
}
#scan-coverage .c74-heading h2 {
  color: var(--chapter-ink);
  font-size: clamp(32px, 2.8vw, 42px);
  line-height: 1.17;
}
#scan-coverage .c74-heading h2 em {
  color: var(--chapter-blue);
}
#scan-coverage .c74-heading p {
  color: var(--chapter-copy);
  font-size: 17px;
  line-height: 1.75;
}
#main #scan-coverage .c74-result {
  grid-column: 1;
  grid-row: 1;
  max-width: none;
  width: 100%;
  margin: 0;
  background: #fbfdff;
  border: 1px solid #adc5d8;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 45px -25px #285e8870;
}
#scan-coverage .c74-result::before,
#scan-coverage .c74-result::after {
  display: none;
}
#scan-coverage .c74-result figcaption {
  padding: 20px 24px;
  background: linear-gradient(115deg, #183c57, #0d283e);
  color: #eef8ff;
  border: 0;
  font-size: 15px;
  gap: 12px;
  flex-wrap: wrap;
}
#scan-coverage .c74-status {
  font-size: 12px;
  color: #ffe4a3;
}
#scan-coverage .c74-choices {
  gap: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #c3d5e3;
  background: #eaf2f8;
}
#scan-coverage .c74-choices button {
  min-height: 120px;
  padding: 20px 20px 17px;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #244960;
  box-shadow: none;
  transform: none;
}
#scan-coverage .c74-choices button + button {
  border-left: 1px solid #c3d5e3;
}
#scan-coverage .c74-choices button[aria-selected="true"] {
  background: #fff;
  border-bottom-color: #0785c8;
  color: #125b87;
  box-shadow: none;
}
#scan-coverage .c74-choices button:hover {
  background: #dcecf7;
}
#scan-coverage .c74-art {
  width: 34px;
  height: 32px;
  margin-bottom: 10px;
  color: #3481ad;
}
#scan-coverage .c74-art svg {
  stroke: #3481ad;
  fill: none;
  stroke-width: 1.5;
  filter: none;
}
#scan-coverage .c74-choices strong {
  font-size: 15px;
}
#scan-coverage .c74-state-label {
  color: #547088;
  font-size: 13px;
  margin-top: 5px;
}
#scan-coverage .c74-panels {
  border: 0;
  padding: 26px 26px 28px;
  margin: 0;
  min-height: 260px;
}
#scan-coverage .c74-panels h3 {
  font-size: 22px;
  color: #193d58;
  line-height: 1.35;
}
#scan-coverage .c74-panels p {
  font-size: 15px;
  line-height: 1.75;
  color: #47657d;
}
#scan-coverage .c74-next {
  border-color: #cadbe7;
}
#scan-coverage .c74-next h4 {
  font-size: 15px;
  color: #1a4a6c;
}
#scan-coverage .c74-next p {
  font-size: 14px;
}
#scan-coverage .c74-next svg {
  color: #197cac;
}
#main .evidence-story {
  background:
    radial-gradient(ellipse at 42% 50%, #061626d9, #06162666 65%, transparent),
    linear-gradient(180deg, #06162630, #06162666),
    url("/website-assets/assets/section-glass-v1/evidence-1672.webp") right
      top/cover;
}
#main .evidence-story #content-evidence.q92-section {
  padding: 88px 0 60px;
  background: linear-gradient(90deg, #061626a6, transparent 78%);
  color: #e6f4ff;
}
#main .q92-heading h2 {
  color: #e6f4ff;
  font-size: clamp(32px, 2.9vw, 42px);
}
#main .q92-heading h2 em {
  color: #91d8ff;
}
#main .q92-heading p {
  color: #b1cfe3;
}
.q92-explorer {
  border-color: #779bb95c;
  border-radius: 14px;
  box-shadow: 0 22px 50px -22px #010b1be0;
}
.q92-file strong {
  font-size: 14px;
}
.q92-file > span > span,
.q92-evidence header p,
.q92-facts,
.q92-facts code,
.q92-context h4,
.q92-context p {
  font-size: 14px;
}
.q92-evidence .q92-caveat {
  font-size: 13px;
}
.q92-evidence header h3 {
  font-size: 22px;
}
#main .evidence-story #approach.q93-section {
  padding: 36px 0 80px;
  background: linear-gradient(180deg, transparent, #06162655);
}
.q93-heading {
  max-width: none;
  display: block;
  padding-top: 40px;
  border-top: 1px solid #7da4c035;
}
.q93-heading h2 {
  font-size: clamp(32px, 3vw, 44px);
  max-width: 650px;
  margin: 0;
}
.q93-heading p {
  max-width: 650px;
  margin-top: 16px;
}
.q93-review {
  border-radius: 14px;
}
.q93-finding > summary {
  min-height: 76px;
  font-size: 15px;
}
.q93-expanded {
  padding: 28px;
}
.q93-guide ol {
  font-size: 14px;
}
#main .loss-validation {
  padding: 72px 0 64px;
  color: var(--chapter-ink);
  background:
    linear-gradient(180deg, #f1f7fb22, #f1f7fb 100%),
    linear-gradient(110deg, #f5f9fced, #e5eff9b3),
    url("/website-assets/assets/section-glass-v1/deployment-1672.webp")
      center/cover;
}
#main .loss-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  align-items: center;
  gap: 64px;
  max-width: 1280px;
  border: 0;
  padding-top: 0;
  text-align: left;
}
#loss-context h2 {
  font-size: clamp(34px, 3.5vw, 48px);
  line-height: 1.16;
  margin: 0 0 26px;
  color: var(--chapter-ink);
}
#loss-context h2 em {
  color: var(--chapter-blue);
}
#loss-context .loss-copy {
  max-width: 550px;
  margin: 0;
}
#loss-context .loss-copy p {
  font-size: 19px;
  line-height: 1.75;
  color: #365c77;
  margin: 0;
}
#loss-context .loss-copy strong {
  font-weight: 600;
  color: #17486a;
}
#loss-context .loss-copy p + p {
  font-size: 17px;
  line-height: 1.75;
  color: #496a81;
  margin: 20px 0 0;
}
#loss-context .loss-copy p.loss-scope {
  font-size: 15px;
  line-height: 1.7;
  margin-top: 26px;
  padding-top: 24px;
  border-top: 1px solid #b9cedd;
}
.loss-demo {
  min-width: 0;
  color: #e5f3fc;
  padding: 28px;
  border: 1px solid #3c6685;
  border-radius: 20px;
  background:
    radial-gradient(ellipse at 85% 0%, #1f507d99, transparent 58%),
    linear-gradient(145deg, #122d45, #091d31);
  box-shadow: 0 24px 55px -24px #163e6477;
}
.loss-demo-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 25px;
}
#loss-context .loss-demo-heading h3 {
  margin: 0;
  font-size: 16px;
  color: #e5f3fc;
  line-height: 1.5;
}
.loss-demo-heading > span {
  font-size: 12px;
  white-space: nowrap;
  color: #9ed9fb;
  border-bottom: 1px solid #5ca3ce;
  padding-bottom: 3px;
}
.loss-figures {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px;
  margin: 0;
}
.loss-figures > div {
  min-width: 0;
}
.loss-figures dt {
  font-size: 13px;
  line-height: 1.5;
  color: #b9dcef;
}
.loss-figures dd {
  margin: 8px 0;
  color: #e6f6ff;
  font-size: 17px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.loss-figures [data-loss-typical] {
  font-size: 26px;
  line-height: 1.25;
  color: #9de0ff;
}
#loss-context .loss-figures p {
  font-size: 12px;
  line-height: 1.5;
  color: #b1cfe3;
  margin: 0;
}
.loss-plot {
  width: 100%;
  min-width: 0;
  margin-top: 20px;
}
#loss-context .loss-plot svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
  cursor: crosshair;
  touch-action: pan-y;
  stroke: none;
  fill: none;
}
.loss-plot text {
  stroke: none;
}
.loss-axis,
.loss-axis-title {
  font-size: 12px;
  fill: #b1cfe3;
}
.loss-grid {
  stroke: #85b5d32b;
  stroke-width: 1;
}
.loss-guide {
  stroke: #79d2ff;
  stroke-width: 1;
  stroke-dasharray: 3 4;
  opacity: 0.65;
}
.loss-point {
  fill: #d9f6ff;
  stroke: #329cd5;
  stroke-width: 4;
  filter: drop-shadow(0 0 6px #73d6ff88);
}
.loss-curve {
  filter: drop-shadow(0 0 4px #2d9cdc44);
}
.loss-readout {
  border-top: 1px solid #6f9eb53b;
  margin-top: 16px;
  padding-top: 16px;
  min-height: 86px;
}
.loss-readout > span {
  font-size: 12px;
  color: #afcde0;
}
#loss-context .loss-readout p {
  font-size: 16px;
  line-height: 1.55;
  color: #c5dcea;
  margin: 3px 0 0;
}
.loss-readout strong {
  color: #9fe1ff;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.loss-slider-label {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  color: #c9e0f0;
  margin-top: 12px;
}
.loss-slider-label span {
  color: #9dbdd3;
}
#loss-threshold {
  display: block;
  box-sizing: border-box;
  appearance: auto;
  width: 100%;
  height: 44px;
  padding: 0;
  margin: 0;
  accent-color: #83d7ff;
  background: transparent;
  cursor: pointer;
}
#loss-threshold:focus-visible,
.loss-explanation summary:focus-visible {
  outline: 2px solid #98deff;
  outline-offset: 4px;
  border-radius: 3px;
}
.loss-explanation {
  border: 0;
  border-top: 1px solid #6f9eb53b;
  margin-top: 8px;
  background: transparent;
}
#loss-context .loss-explanation summary {
  min-height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 0 0;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
  color: #c4deef;
}
.loss-explanation summary::-webkit-details-marker {
  display: none;
}
.loss-explanation summary::after {
  content: "+";
  font-size: 20px;
}
.loss-explanation[open] summary::after {
  content: "−";
}
#loss-context .loss-explanation p {
  font-size: 14px;
  line-height: 1.7;
  margin: 14px 0 0;
  color: #b2cee0;
}
@media (min-width: 761px) and (max-width: 1050px) {
  #main .loss-layout {
    gap: 30px;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  }
  .loss-demo {
    padding: 22px;
  }
  .loss-demo-heading {
    display: block;
  }
  .loss-demo-heading > span {
    display: inline-block;
    margin-top: 6px;
  }
  .loss-plot {
    aspect-ratio: auto;
  }
}
#main .deployment-story {
  background: linear-gradient(140deg, #f4f8fc, #dcebf5);
}
#main .deployment-story::before {
  display: none;
}
#main #custody {
  padding: 64px 0 80px;
  background:
    linear-gradient(180deg, #f1f7fb, transparent 36%),
    linear-gradient(120deg, #f4f8fcf2, #e6f0f8c4),
    url("/website-assets/assets/section-glass-v1/deployment-1672.webp") right
      bottom/cover;
}
#main #custody .a51-intro {
  max-width: 780px;
  margin: 0 auto 36px;
}
#custody .a51-intro h2 {
  font-size: clamp(34px, 3.2vw, 46px);
}
#custody .s43-sources {
  background: none;
  border: 0;
  padding: 0;
}
#custody .s41-source-picker {
  justify-content: flex-start;
  margin: 0 0 24px;
}
#custody .s41-source-picker button {
  min-width: 130px;
  border-radius: 9px;
  min-height: 48px;
}
#custody .s43-details {
  padding-top: 24px;
  border-top: 1px solid #bad0e0;
  gap: 44px;
}
#custody .a51-tabs {
  margin: 32px 0 0;
}
#custody .a51-canvas {
  padding-top: 28px;
}
#custody .a51-explanation {
  margin-top: 22px;
  padding-top: 22px;
}
#main #perspective.p70-support {
  padding: 76px 0;
  background:
    radial-gradient(ellipse at 18% 65%, #318bc14d, transparent 48%),
    linear-gradient(100deg, #07192980, #071929bd 58%, #07192944),
    url("/website-assets/assets/section-glass-v1/evidence-1672.webp") left
      center/cover;
  color: #e6f3ff;
}
#perspective .p70-layout {
  max-width: 1120px;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 80px;
  align-items: center;
}
#perspective .p70-portrait {
  padding: 0;
  border: 1px solid #6e9bb466;
  border-radius: 18px;
  box-shadow:
    18px 18px 0 -1px #16436266,
    18px 18px 0 0 #75b0d233;
}
#perspective .p70-portrait::before {
  display: none;
}
#perspective .p70-portrait img {
  height: 320px;
  border-radius: 17px;
}
#perspective .p70-copy h2 {
  color: #e8f5ff;
  font-size: clamp(32px, 3.1vw, 44px);
}
#perspective .p70-copy h2 em {
  color: #91d8ff;
}
#perspective .p70-copy > p,
#perspective .p70-person p {
  color: #b5cede;
}
#perspective .p70-person {
  border-color: #86aecb40;
}
#perspective .p70-person h3 {
  color: #f0f9ff;
}
#perspective .p70-experience {
  border-color: #86aecb40;
}
#main .closing-v65 .q57-band {
  background:
    radial-gradient(ellipse at 10% 90%, #bedcf177, transparent 50%),
    linear-gradient(110deg, #f4f8fbe8, #e6f0f8d6),
    url("/website-assets/assets/section-glass-v1/deployment-1672.webp")
      center/cover;
}
#main #questions {
  max-width: 880px;
  padding-block: 72px;
}
#main #questions h2 {
  font-size: clamp(30px, 3vw, 42px);
  margin-bottom: 32px;
  text-align: center;
}
#main #questions .question-list {
  background: none;
  border: 0;
  border-top: 1px solid #8faec266;
  display: block;
  overflow: visible;
}
#main #questions .question-list details {
  border: 0;
  border-bottom: 1px solid #8faec266;
  border-radius: 0;
  background: none;
  margin: 0;
  box-shadow: none;
}
#main #questions .question-list details:hover {
  background: none;
}
#main #questions .question-list details[open] {
  background: none;
  border-color: #4c8fb8;
  box-shadow: none;
}
#main #questions .question-list summary {
  padding: 23px 4px;
  font-size: 16px;
  min-height: 64px;
}
#main #questions .question-list summary:hover,
#main #questions .question-list details[open] summary {
  color: #0878bb;
}
#main #questions .question-list details p {
  padding: 0 52px 26px 4px;
  font-size: 16px;
  line-height: 1.75;
}

@media (max-width: 1000px) {
  #scan-coverage > .wrap {
    gap: 32px;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  }
  #environment .a46-person h3,
  #environment .a46-resource h3 {
    font-size: 18px;
  }
  #environment .a46-resource {
    padding: 20px 12px;
  }
  #perspective .p70-layout {
    gap: 48px;
    grid-template-columns: 220px minmax(0, 1fr);
  }
}
@media (max-width: 760px) {
  #main .access-story #environment {
    padding: 48px 0 28px;
  }
  #main #environment .a46-heading {
    text-align: left;
    margin-bottom: 26px;
  }
  #environment .a46-heading p {
    font-size: 16px;
  }
  #environment .a46-picker {
    width: auto;
    margin: 18px 0 8px;
    gap: 4px;
  }
  #environment .a46-picker button {
    flex: 1;
    min-width: 0;
    padding: 10px 9px;
    font-size: 14px;
  }
  #environment .a46-person,
  #environment .a46-relation,
  #environment .a46-resource {
    grid-column: 1;
    grid-row: auto;
  }
  #environment .a46-person {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    text-align: left;
    gap: 0 18px;
  }
  #environment .a46-avatar {
    width: 54px;
    height: 54px;
    margin: 0;
    grid-row: 1/3;
  }
  #environment .a46-avatar svg {
    width: 28px;
    height: 28px;
  }
  #environment .a46-person h3 {
    margin: 0;
    font-size: 20px;
  }
  #environment .a46-person p {
    margin: 4px 0 0;
  }
  #environment .a46-relation {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    gap: 10px;
  }
  #environment .a46-relation > strong {
    margin: 0;
    padding: 5px 16px;
  }
  #environment .a46-relation > svg {
    grid-column: 1/-1;
    justify-self: center;
    transform: rotate(90deg);
    width: 40px;
    height: 20px;
    margin: 8px 0;
    stroke-width: 3;
  }
  #main .access-story .a46-resource {
    padding: 20px;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0 14px;
    text-align: left;
  }
  #environment .a46-resource h3 {
    font-size: 18px;
  }
  #environment .a46-resource p {
    margin-top: 4px;
  }
  #main .access-story #scan-coverage {
    padding: 24px 0 48px;
  }
  #scan-coverage > .wrap {
    grid-template-columns: 1fr;
    gap: 26px;
    padding-top: 28px;
  }
  #scan-coverage .c74-heading {
    grid-column: 1;
    grid-row: 1;
  }
  #main #scan-coverage .c74-result {
    grid-column: 1;
    grid-row: 2;
  }
  #scan-coverage .c74-heading p {
    font-size: 16px;
  }
  #scan-coverage .c74-panels {
    min-height: 0;
    padding: 24px 20px;
  }
  #scan-coverage .c74-choices button {
    padding: 18px 15px;
    min-height: 130px;
  }
  #main .evidence-story #content-evidence.q92-section {
    padding: 48px 0 36px;
  }
  #main .evidence-story #approach.q93-section {
    padding: 12px 0 48px;
  }
  .q93-heading {
    display: block;
  }
  .q93-heading p {
    margin-top: 16px;
    max-width: none;
  }
  .q93-expanded {
    padding: 20px;
  }
  #main .evidence-story {
    background-image:
      radial-gradient(
        ellipse at 42% 50%,
        #061626d9,
        #06162666 65%,
        transparent
      ),
      linear-gradient(180deg, #06162630, #06162666),
      url("/website-assets/assets/section-glass-v1/evidence-800.webp");
  }
  #main .loss-validation {
    padding: 48px 0;
    background-image:
      linear-gradient(180deg, #f1f7fb22, #f1f7fb 100%),
      linear-gradient(110deg, #f5f9fced, #e5eff9b3),
      url("/website-assets/assets/section-glass-v1/deployment-800.webp");
  }
  #main .loss-layout {
    text-align: left;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  #loss-context .loss-copy {
    max-width: none;
  }
  .loss-demo {
    padding: 22px 18px;
    border-radius: 16px;
  }
  .loss-demo-heading {
    display: block;
    margin-bottom: 20px;
  }
  .loss-demo-heading > span {
    display: inline-block;
    margin-top: 7px;
  }
  .loss-plot {
    aspect-ratio: auto;
  }
  .loss-figures {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .loss-figures > div {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 3px 14px;
    align-items: center;
  }
  .loss-figures dd,
  .loss-figures [data-loss-typical] {
    font-size: 18px;
    margin: 0;
  }
  #loss-context .loss-figures p {
    grid-column: 1/-1;
  }
  .loss-slider-label {
    flex-direction: column;
    gap: 3px;
  }
  .loss-readout {
    min-height: 108px;
  }
  #loss-context h2 {
    font-size: 38px;
    margin-bottom: 24px;
  }
  #loss-context .loss-copy p {
    font-size: 18px;
    line-height: 1.7;
  }
  #loss-context .loss-copy p + p {
    font-size: 16px;
  }
  #main #custody {
    padding: 48px 0;
  }
  #main #custody .a51-intro {
    text-align: left;
  }
  #custody .s41-source-picker {
    gap: 8px;
    justify-content: stretch;
  }
  #custody .s41-source-picker button {
    min-width: 0;
    flex: 1;
    padding: 10px 6px;
    font-size: 13px;
    gap: 6px;
  }
  #custody .s41-source-picker img {
    width: 23px;
    height: 23px;
  }
  #custody .s43-details {
    gap: 24px;
  }
  #custody .s43-source ul {
    display: grid;
    gap: 8px;
    margin-top: 16px;
  }
  #custody .s43-source li {
    font-size: 14px;
    line-height: 1.5;
    gap: 10px;
  }
  #custody .s43-source li::before {
    width: 5px;
    height: 5px;
    border: 0;
    border-radius: 50%;
    transform: none;
  }
  #custody .s43-details p {
    line-height: 1.65;
  }
  #custody .s43-scan {
    padding-top: 20px;
  }
  #custody .s43-scan h3 {
    font-size: 22px;
    margin-bottom: 16px;
  }
  #custody .s43-scan-step {
    padding-bottom: 14px;
  }
  #custody .s43-scan-step p {
    margin-top: 4px;
  }
  #custody .a51-customer {
    padding: 20px 18px;
  }
  #custody .a51-boundary-title {
    margin-bottom: 20px;
  }
  #custody .a51-core {
    min-width: 56px;
    width: 56px;
    height: 56px;
  }
  #custody .a51-core img {
    width: 44px;
    height: 44px;
  }
  #custody .a51-stores h4 {
    font-size: 15px;
  }
  #custody .a51-stores svg {
    margin-bottom: 6px;
  }
  #custody .a51-explanation {
    margin-top: 16px;
    padding-top: 16px;
  }
  #custody .a51-explanation h3 {
    font-size: 18px;
  }
  #main #perspective.p70-support {
    padding: 48px 0;
    background-image:
      radial-gradient(ellipse at 18% 65%, #318bc14d, transparent 48%),
      linear-gradient(100deg, #07192980, #071929bd 58%, #07192944),
      url("/website-assets/assets/section-glass-v1/evidence-800.webp");
  }
  #perspective .p70-layout {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 28px 24px;
  }
  #perspective .p70-portrait {
    width: 104px;
    grid-column: 1;
    grid-row: 3;
    box-shadow: 8px 8px 0 #16436266;
  }
  #perspective .p70-portrait img {
    height: 136px;
    border-radius: 12px;
  }
  #perspective .p70-copy {
    display: contents;
  }
  #perspective .p70-copy h2 {
    grid-column: 1/-1;
    grid-row: 1;
    margin: 0;
    font-size: 32px;
  }
  #perspective .p70-copy > p {
    grid-column: 1/-1;
    grid-row: 2;
    margin: 0;
    font-size: 16px;
  }
  #perspective .p70-person {
    grid-column: 2;
    grid-row: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 0;
    border: 0;
  }
  #perspective .p70-experience {
    padding: 0;
    border: 0;
  }
  #perspective .p70-person h3 {
    font-size: 20px;
  }
  #perspective .p70-person p {
    font-size: 14px;
  }
  #main #questions {
    padding-block: 48px;
  }
  #main #questions .question-list summary {
    padding: 21px 2px;
  }
  #main #questions .question-list details p {
    padding: 0 2px 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #environment .a46-picker button,
  #scan-coverage .c74-choices button {
    transition: none;
  }
}
#main .access-hero-live {
  position: relative;
  min-height: 720px;
  padding: 76px 0;
  background:
    linear-gradient(100deg, #03101fdd, #06152766),
    url("/website-assets/assets/hero-v48/optical-background-1672.webp")
      center/cover;
}
#main .access-hero-live::before {
  display: none;
}
.access-hero-live .access-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 68px;
  align-items: center;
}
.access-hero-live .access-hero-copy {
  width: auto;
  max-width: 650px;
}
.access-hero-live .access-hero-copy h1 {
  font-size: clamp(36px, 3.65vw, 56px);
  line-height: 1.08;
  max-width: none;
  text-wrap: balance;
}
.access-hero-live .access-hero-copy h1 em {
  color: #97daff;
}
.access-hero-live .access-hero-copy > p {
  font-size: 18px;
  line-height: 1.7;
  max-width: 52ch;
}
.access-hero-live .access-hero-copy > .hero-tagline {
  font-size: 17px;
  color: #a2dafa;
  margin: 0 0 25px;
}
.access-hero-live .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.hero-access-demo {
  min-width: 0;
  padding: 26px 30px 22px;
  background: linear-gradient(145deg, #183a54ee, #071b2bf5);
  border: 1px solid #729dbc88;
  border-radius: 22px;
  box-shadow:
    0 30px 70px #0006,
    inset 0 1px #c5e9ff30;
  color: #e6f5ff;
}
.hero-access-demo .a46-picker {
  display: flex;
  justify-content: stretch;
  width: 100%;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
}
.hero-access-demo .a46-picker button {
  flex: 1;
  min-width: 0;
  min-height: 65px;
  padding: 10px 12px;
  font-size: 14px;
  border-radius: 10px;
  color: #c0d4e3;
  background: #09203366;
  border: 1px solid #5b81954d;
  box-shadow: none;
}
.hero-access-demo .a46-picker button span {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  color: inherit;
}
.hero-access-demo .a46-picker button[aria-pressed="true"] {
  color: #eaf7ff;
  background: #28638770;
  border-color: #88d6ff;
  box-shadow: inset 0 -2px #88d6ff;
}
.hero-access-demo .a46-picker button:hover {
  background-color: #2c638355;
  transform: none;
}
.hero-access-demo .a46-map {
  display: block;
  min-height: 355px;
}
.hero-access-demo .a46-person {
  display: flex;
  align-items: center;
  gap: 18px;
  text-align: left;
}
.hero-access-demo .a46-avatar {
  flex: none;
  width: 58px;
  height: 58px;
  margin: 0;
  color: #a2dfff;
  background: linear-gradient(140deg, #266b92, #123a57);
  border: 1px solid #7db4d499;
  box-shadow: 0 0 28px #75bfe526;
}
.hero-access-demo .a46-avatar svg {
  width: 31px;
  height: 31px;
}
.hero-access-demo .a46-person h3 {
  font-size: 25px;
  margin: 0 0 4px;
  color: #e7f5ff;
}
.hero-access-demo .a46-person p {
  font-size: 14px;
  margin: 0;
  color: #adcade;
}
.hero-identity-facts {
  display: flex;
  gap: 38px;
  margin: 20px 0 0;
  padding: 0 0 18px 76px;
  border-bottom: 1px solid #77a7c233;
}
.hero-identity-facts dt {
  font-size: 12px;
  color: #a9c6d9;
}
.hero-identity-facts dd {
  font-size: 16px;
  margin: 5px 0 0;
  color: #e5f3ff;
}
.hero-identity-facts[hidden] {
  display: none;
}
.hero-access-demo .a46-relation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 20px 0;
  margin: 0;
}
.hero-access-demo .a46-relation > span {
  font-size: 13px;
  color: #a4cce3;
}
.hero-access-demo .a46-relation > strong {
  font-size: 14px;
  line-height: 1.3;
  padding: 7px 14px;
  color: #cff0ff;
  background: #20618a55;
  border: 1px solid #7eb8d76b;
  border-radius: 30px;
}
.hero-access-demo .a46-relation > span:last-child {
  font-size: 23px;
  color: #91d9ff;
}
.hero-access-demo .a46-resource {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 19px;
  background: linear-gradient(110deg, #2c587366, #18344b88);
  border: 1px solid #7099b577;
  border-radius: 12px;
  text-align: left;
  box-shadow: 0 10px 28px #0002;
}
.hero-access-demo .a46-resource > img {
  flex: none;
}
.hero-access-demo .a46-resource h3 {
  font-size: 18px;
  line-height: 1.35;
  margin: 0 0 7px;
  overflow-wrap: anywhere;
  color: #eaf7ff;
}
.hero-access-demo .a46-resource p {
  font-size: 14px;
  color: #abd8f2;
  margin: 0;
}
.hero-access-demo .hero-access-context {
  font-size: 14px;
  line-height: 1.6;
  margin: 18px 0 20px;
  color: #bad3e3;
}
.section-caveat {
  font-size: 14px;
  line-height: 1.6;
  color: #46677e;
  margin: 24px 0 0;
}
.hero-access-demo .section-caveat {
  border-top: 1px solid #84afc633;
  padding-top: 16px;
  margin: 0;
  color: #b7d1e3;
  font-size: 13px;
}
#main #environment .a46-heading {
  max-width: 840px;
}
.access-outcomes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  margin: 38px 0 30px;
}
.access-outcomes > div {
  border-top: 2px solid #82bbdc;
  padding-top: 22px;
}
.access-outcomes h3 {
  font-size: 21px;
  color: #173d58;
  margin: 0 0 12px;
}
.access-outcomes p {
  font-size: 16px;
  line-height: 1.7;
  color: #416077;
  margin: 0;
}
#approach .section-caveat {
  color: #b3cfe1;
}
.loss-layout > .loss-scope {
  grid-column: 1/-1;
  max-width: none;
  margin: 0;
  text-align: center;
  color: #46677e;
  font-size: 14px;
}
@media (max-width: 1100px) {
  .access-hero-live .access-hero-layout {
    gap: 35px;
  }
  .hero-access-demo {
    padding: 23px;
  }
  .hero-identity-facts {
    padding-left: 0;
  }
  .access-hero-live .access-hero-copy h1 {
    font-size: 40px;
  }
}
@media (max-width: 850px) {
  #main .access-hero-live {
    padding: 44px 0 50px;
    min-height: 0;
    background-position: 65% center;
  }
  .access-hero-live .access-hero-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .access-hero-live .access-hero-copy {
    max-width: 640px;
  }
  .access-hero-live .access-hero-copy h1 {
    font-size: clamp(34px, 6.4vw, 46px);
    text-wrap: pretty;
  }
  .access-hero-live .access-hero-copy > p {
    font-size: 17px;
  }
  .hero-access-demo {
    width: 100%;
    max-width: 610px;
    box-sizing: border-box;
    justify-self: center;
  }
  .access-outcomes {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .access-outcomes > div {
    padding-top: 18px;
  }
  .loss-layout > .loss-scope {
    text-align: left;
  }
}
@media (max-width: 400px) {
  .hero-access-demo {
    padding: 20px 17px;
  }
  .hero-access-demo .a46-resource {
    padding: 15px 12px;
    gap: 12px;
  }
  .hero-access-demo .a46-resource h3 {
    font-size: 16px;
  }
  .hero-access-demo .a46-relation {
    gap: 10px;
  }
  .hero-access-demo .a46-picker button {
    padding: 9px;
    font-size: 13px;
  }
  .access-hero-live .actions .button {
    padding: 15px 17px;
    font-size: 15px;
  }
}
.loss-demo {
  container-type: inline-size;
}
@container (max-width:580px) {
  .loss-figures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  .loss-figures > div {
    display: block;
  }
  .loss-figures > div:last-child {
    grid-column: 1/-1;
    border-top: 1px solid #7ca8c333;
    padding-top: 16px;
  }
  .loss-figures dd,
  .loss-figures [data-loss-typical] {
    font-size: 21px;
    margin: 8px 0;
    white-space: nowrap;
  }
}
@container (max-width:360px) {
  .loss-figures {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .loss-figures > div + div {
    border-top: 1px solid #7ca8c333;
    padding-top: 14px;
  }
  .loss-figures dd,
  .loss-figures [data-loss-typical] {
    font-size: 22px;
  }
}
@media (max-width: 400px) {
  #main #sources .s41-source-picker button {
    flex-direction: column;
    gap: 6px;
    min-height: 74px;
    padding: 10px 6px;
    font-size: 13px;
  }
  #main #sources .s41-source-picker button img {
    width: 22px;
    height: 22px;
  }
}
#main .access-hero-live {
  background:
    linear-gradient(90deg, #020e1e77, #04142c33 75%),
    url("/website-assets/assets/hero-glass-live/background-1536.webp")
      center/cover;
  min-height: 750px;
  padding: 84px 0 72px;
}
.access-hero-live .access-hero-layout {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.18fr);
  gap: 48px;
}
.access-hero-live .access-hero-copy h1 {
  font-size: clamp(38px, 3.5vw, 54px);
  line-height: 1.12;
  text-wrap: pretty;
}
.access-hero-live .access-hero-copy > p {
  font-size: 18px;
  line-height: 1.75;
}
#main .hero-glass-demo {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  position: relative;
}
#main .hero-glass-demo .a46-picker {
  width: min(100%, 370px);
  margin: 0 auto 36px;
  gap: 8px;
  padding: 5px;
  border: 1px solid #618dae66;
  border-radius: 40px;
  background: #06172ba6;
}
#main .hero-glass-demo .a46-picker button {
  min-height: 48px;
  border: 0;
  border-radius: 30px;
  padding: 10px 14px;
  font-size: 15px;
  background: transparent;
}
#main .hero-glass-demo .a46-picker button span {
  display: none;
}
#main .hero-glass-demo .a46-picker button[aria-pressed="true"] {
  background: linear-gradient(150deg, #3d8cec99, #1252a699);
  box-shadow:
    inset 0 0 0 1px #98d5ff,
    inset 0 2px 6px #daf2ff44,
    0 4px 18px #0073ff22;
}
#main .hero-glass-demo .a46-picker button:focus-visible {
  outline: 3px solid #c7edff;
  outline-offset: 4px;
}
#main .hero-glass-demo .a46-map {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(65px, 0.38fr) minmax(0, 1.5fr);
  align-items: center;
  gap: 0;
  min-height: 425px;
}
.hero-identity {
  display: block;
  min-width: 0;
  position: relative;
  z-index: 1;
}
#main .hero-glass-demo .a46-person {
  display: block;
  text-align: left;
}
#main .hero-glass-demo .a46-avatar {
  width: clamp(108px, 10.5vw, 156px);
  height: clamp(108px, 10.5vw, 156px);
  margin: 0 0 22px;
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 35% 23%, #3e95df66, transparent 55%),
    linear-gradient(150deg, #11477555, #04162ee0 65%, #1a6bba88);
  border: 1px solid #c6edff;
  box-shadow:
    inset 3px 2px 4px #e0f3ff99,
    inset -5px -4px 14px #399eff99,
    0 0 0 4px #14436b,
    0 0 0 5px #76beef88,
    8px 8px 0 #072344,
    9px 9px 0 #589fd077,
    0 0 45px #197dec44;
}
#main .hero-glass-demo .a46-avatar svg {
  width: 52%;
  height: 52%;
  filter: drop-shadow(0 0 6px #42aaff);
}
#main .hero-glass-demo .a46-person h3 {
  font-size: 22px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
#main .hero-glass-demo .a46-person p {
  font-size: 13px;
  line-height: 1.5;
  color: #b9d3e8;
}
#main .hero-glass-demo .hero-identity-facts {
  display: grid;
  gap: 12px;
  border: 0;
  padding: 0;
  margin: 18px 0 0;
}
#main .hero-glass-demo .hero-identity-facts[hidden] {
  display: none;
}
#main .hero-glass-demo .hero-identity-facts dt {
  font-size: 12px;
  color: #a6c4de;
}
#main .hero-glass-demo .hero-identity-facts dd {
  margin: 3px 0 0;
  font-size: 15px;
}
#main .hero-glass-demo .a46-relation {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 0 50px;
  text-align: center;
  align-self: center;
  position: relative;
  z-index: 2;
}
#main .hero-glass-demo .a46-relation > span {
  font-size: 12px;
  line-height: 1.45;
  max-width: 100%;
}
#main .hero-glass-demo .a46-relation > strong {
  font-size: 15px;
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
}
.hero-connection {
  width: calc(100% + 16px);
  height: 48px;
  overflow: visible;
  stroke: #b5e7ff;
  stroke-width: 1.5;
  filter: drop-shadow(0 0 5px #168bff);
  margin-top: 7px;
}
.hero-connection circle {
  fill: #e0f7ff;
}
#main .hero-glass-demo .hero-document {
  display: block;
  position: relative;
  isolation: isolate;
  min-width: 0;
  padding: 30px 20px 26px;
  border: 1px solid #bee7ff;
  border-radius: 14px 36px 14px 14px;
  background: linear-gradient(125deg, #286ab977, #143e7455 48%, #225ca888);
  box-shadow:
    inset 3px 2px 6px #ccecff77,
    inset -2px -2px 5px #80bcff77,
    5px 4px 0 #184278,
    6px 5px 0 #83bcf0aa,
    0 18px 40px #0003,
    0 0 32px #176cdf33;
  transform: perspective(1000px) rotateY(-4deg);
}
.hero-document::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  border-radius: 0 34px 0 8px;
  border-left: 1px solid #b7e5ff;
  border-bottom: 1px solid #b7e5ff;
  background: linear-gradient(45deg, #3787d788, #b5e7ff88);
  box-shadow: -3px 3px 12px #5dadff33;
}
.hero-document-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
}
.hero-document-heading > img {
  flex: none;
  width: 36px;
  height: 36px;
}
.hero-document-heading > div {
  min-width: 0;
}
#main .hero-glass-demo .hero-document h3 {
  font-size: 16px;
  line-height: 1.45;
  margin-bottom: 7px;
}
#main .hero-glass-demo .hero-document p {
  font-size: 13px;
  line-height: 1.5;
  color: #c2def5;
}
.hero-document-body {
  padding: 12px 0 0;
  border-top: 1px solid #8cbeed33;
}
.hero-redacted-lines {
  display: grid;
  grid-template-columns: 1.65fr 1fr;
  gap: 9px 15px;
  margin: 0 1px;
}
.hero-redacted-lines i {
  display: block;
  height: 9px;
  border-radius: 2px;
  background: linear-gradient(90deg, #92bded33, #80b2ef18);
  width: 100%;
}
.hero-redacted-lines i:nth-child(3n) {
  width: 78%;
}
.hero-evidence {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px 14px;
  margin: 18px -7px;
  background: linear-gradient(110deg, #f2f9ff, #cee6ff);
  color: #0c304f;
  border: 1px solid #d9f2ff;
  border-radius: 8px;
  box-shadow:
    0 4px 20px #2d8cff33,
    inset 0 1px 4px #fff;
}
.hero-evidence > svg {
  width: 27px;
  height: 32px;
  color: #1875c8;
  flex: none;
}
.hero-evidence span {
  display: block;
  font-size: 13px;
  line-height: 1.5;
}
.hero-evidence strong {
  display: block;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
#main .hero-glass-demo .hero-access-context {
  grid-column: 1/-1;
  font-size: 14px;
  line-height: 1.65;
  margin: 27px 0 0;
  color: #c3d9eb;
  max-width: 62ch;
  min-height: 46px;
}
#main .hero-glass-demo .section-caveat {
  border: 0;
  margin: 18px 0 0;
  padding: 0;
  text-align: left;
  color: #a8c8e1;
  font-size: 12px;
}
@media (min-width: 1700px) {
  .access-hero-live .access-hero-layout {
    gap: 76px;
  }
  #main .hero-glass-demo .hero-document {
    padding: 38px 26px;
  }
}
@media (max-width: 1100px) {
  #main .access-hero-live {
    padding: 58px 0 60px;
    min-height: 0;
  }
  .access-hero-live .access-hero-layout {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .access-hero-live .access-hero-copy {
    max-width: 740px;
  }
  .access-hero-live .access-hero-copy h1 {
    font-size: clamp(36px, 5.5vw, 50px);
    max-width: 720px;
  }
  #main .hero-glass-demo {
    max-width: 680px;
    width: 100%;
    justify-self: center;
  }
  #main .hero-glass-demo .a46-avatar {
    width: 142px;
    height: 142px;
  }
  #main .hero-glass-demo .hero-document {
    padding: 30px 24px;
  }
  #main .hero-glass-demo .a46-map {
    min-height: 0;
    grid-template-columns: minmax(0, 0.9fr) minmax(65px, 0.4fr) minmax(0, 1.5fr);
  }
}
@media (max-width: 600px) {
  #main .access-hero-live {
    padding: 36px 0 46px;
    background-image:
      linear-gradient(180deg, #030f20aa, transparent 60%),
      url("/website-assets/assets/hero-glass-live/background-800.webp");
    background-position: 62% center;
  }
  .access-hero-live .access-hero-layout {
    gap: 32px;
  }
  .access-hero-live .access-hero-copy h1 {
    font-size: clamp(33px, 7.9vw, 44px);
  }
  .access-hero-live .access-hero-copy > .hero-tagline {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .access-hero-live .access-hero-copy > p {
    font-size: 16px;
    line-height: 1.7;
  }
  #main .hero-glass-demo {
    padding: 0;
    max-width: 410px;
  }
  #main .hero-glass-demo .a46-picker {
    margin-bottom: 28px;
    box-sizing: border-box;
  }
  #main .hero-glass-demo .a46-picker button {
    font-size: 14px;
    padding: 10px;
    min-height: 46px;
  }
  #main .hero-glass-demo .a46-map {
    grid-template-columns: 1fr;
  }
  #main .hero-glass-demo .hero-identity {
    display: grid;
    grid-template-columns: 1fr;
  }
  #main .hero-glass-demo .a46-person {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
  }
  #main .hero-glass-demo .a46-avatar {
    width: 66px;
    height: 66px;
    margin: 0;
  }
  #main .hero-glass-demo .a46-person h3 {
    font-size: 21px;
  }
  #main .hero-glass-demo .hero-identity-facts {
    display: flex;
    gap: 24px;
    margin: 18px 0 0;
    padding: 0 0 0 94px;
  }
  #main .hero-glass-demo .hero-identity-facts dd {
    font-size: 14px;
  }
  #main .hero-glass-demo .a46-relation {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 22px 0 18px;
  }
  #main .hero-glass-demo .a46-relation > span {
    font-size: 13px;
  }
  #main .hero-glass-demo .hero-connection {
    grid-column: 1/-1;
    justify-self: center;
    width: 44px;
    height: 32px;
    transform: rotate(90deg);
    margin: 6px 0 2px;
  }
  #main .hero-glass-demo .hero-document {
    padding: 26px 22px 23px;
    transform: none;
    margin: 0 5px 0 0;
    min-height: 0;
  }
  .hero-document-heading {
    margin-bottom: 18px;
  }
  #main .hero-glass-demo .hero-document h3 {
    font-size: 16px;
  }
  .hero-redacted-lines {
    gap: 8px 13px;
  }
  .hero-redacted-lines i {
    height: 7px;
  }
  .hero-redacted-lines:last-child i:nth-child(n + 5) {
    display: none;
  }
  .hero-evidence {
    margin: 14px -5px;
    padding: 12px;
  }
  #main .hero-glass-demo .hero-access-context {
    margin-top: 22px;
    min-height: 0;
    font-size: 14px;
  }
  #main .hero-glass-demo .section-caveat {
    margin-top: 15px;
    line-height: 1.6;
  }
}
@media (max-width: 360px) {
  #main .hero-glass-demo .hero-identity-facts {
    padding-left: 0;
    justify-content: space-between;
  }
  #main .hero-glass-demo .a46-person {
    gap: 14px;
  }
  #main .hero-glass-demo .hero-document {
    padding: 26px 17px 22px;
  }
}

.access-hero-live .access-hero-copy h1 em {
  display: block;
}
#main .hero-glass-demo .a46-relation > svg {
  width: calc(100% + 16px);
  height: 48px;
  transform: none;
  stroke-width: 1.7;
  margin: 7px 0 0;
}
#main .hero-glass-demo .a46-map[data-kind] .a46-relation > strong {
  background: none;
  border: 0;
  color: #d3edff;
}
@media (max-width: 600px) {
  #main .hero-glass-demo .a46-relation > svg {
    width: 44px;
    height: 32px;
    transform: rotate(90deg);
    margin: 6px 0 2px;
  }
}
#main .hero-glass-demo .hero-identity {
  align-self: start;
}
#main .hero-glass-demo .a46-relation {
  align-self: start;
  padding: 0;
}
#main .hero-glass-demo .a46-relation > svg {
  width: calc(100% + clamp(40px, 5vw, 76px));
  margin-left: calc(-1 * clamp(40px, 5vw, 76px));
}
#main .access-hero-live .actions {
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1100px) and (min-width: 601px) {
  #main .hero-glass-demo .a46-relation > svg {
    width: calc(100% + 74px);
    margin-left: -74px;
  }
}
@media (max-width: 600px) {
  #main .hero-glass-demo .a46-relation {
    padding: 22px 0 18px;
  }
  #main .hero-glass-demo .a46-relation > svg {
    width: 44px;
    margin-left: 0;
  }
}
#main .access-story #environment {
  padding: 78px 0 64px;
  background:
    radial-gradient(ellipse at 20% 55%, #c1e3fa66, transparent 50%),
    linear-gradient(110deg, #f6fafdf0, #edf5fbd9),
    url("/website-assets/assets/section-glass-v1/deployment-1672.webp")
      center/cover;
}
#main #environment .a46-heading {
  max-width: 960px;
  text-align: left;
  margin: 0 0 38px;
}
#main #environment .a46-heading h2 {
  max-width: none;
  margin: 0;
}
#main #environment .a46-heading p {
  margin: 20px 0 0;
  max-width: 86ch;
  font-size: 17px;
  line-height: 1.8;
}
#main #environment .access-illustrated {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 44px;
  margin: 0;
}
.access-illustrated article {
  min-width: 0;
}
#environment .access-illustrated h3 {
  font-size: 22px;
  line-height: 1.35;
  margin: 24px 0 12px;
  color: #173d58;
}
#environment .access-illustrated article > p {
  font-size: 16px;
  line-height: 1.75;
  color: #416077;
  margin: 0;
  max-width: 40ch;
}
.access-mini {
  height: 242px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
  color: #143852;
}
.access-mini-identities {
  padding: 15px 6px;
}
.identity-orbit {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 206px;
  height: 206px;
  transform: translate(-50%, -50%);
  border: 1px solid #8bbfe44d;
  border-radius: 50%;
  background: radial-gradient(circle, #b8dffb88, transparent 72%);
  box-shadow:
    0 0 0 24px #aad8f41a,
    0 0 0 25px #8bbfe426;
}
.identity-slip {
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 0;
  width: 82%;
  padding: 16px 18px;
  position: relative;
  border-radius: 14px;
  box-shadow: 0 16px 26px -20px #245a8988;
}
.identity-slip-person {
  align-self: flex-start;
  background: #fafdffed;
  border: 1px solid #aacde577;
  transform: rotate(-3deg);
  margin-bottom: 17px;
}
.identity-slip-service {
  align-self: flex-end;
  background: linear-gradient(120deg, #24577a, #102d49);
  border: 1px solid #6ca8d299;
  color: #eaf7ff;
  transform: rotate(2deg);
  box-shadow:
    0 16px 30px -15px #1b507e77,
    inset 0 1px #d5efff44;
}
.access-mini-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 50%;
  background: #cce9fb80;
  color: #287dac;
}
.access-mini-icon svg {
  width: 27px;
  height: 27px;
}
.identity-slip-service .access-mini-icon {
  color: #a9e1ff;
  background: #5aabe322;
  border: 1px solid #78b3d777;
  border-radius: 11px;
}
.identity-slip strong {
  display: block;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
}
.identity-slip div > span {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #557187;
  margin-top: 3px;
}
.identity-slip-service div > span {
  color: #b8d6eb;
}
.access-mini-permission {
  padding: 10px 18px;
}
.permission-sheet {
  position: relative;
  width: 100%;
  padding: 22px 23px;
  background: linear-gradient(130deg, #fff, #f5faff);
  border: 1px solid #accbdf;
  border-radius: 6px 24px 6px 6px;
  box-shadow:
    6px 6px 0 #deedf7,
    7px 7px 0 #a7c8de77,
    0 16px 26px -20px #245a8977;
  transform: rotate(-2deg);
}
.permission-source {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
}
.permission-source strong {
  font-size: 17px;
  font-weight: 600;
}
.permission-source img {
  flex: none;
}
.permission-sheet dl {
  margin: 0;
}
.permission-sheet dl > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0;
}
.permission-sheet dt {
  font-size: 13px;
  line-height: 1.4;
  color: #557187;
}
.permission-sheet dd {
  font-size: 14px;
  font-weight: 600;
  color: #234b68;
  margin: 0;
}
.permission-sheet .permission-token {
  padding: 4px 12px;
  border-radius: 20px;
  background: #d7edfc;
  color: #126090;
}
.source-lines {
  display: flex;
  gap: 8px;
  margin-top: 18px;
  border-top: 1px solid #bdd6e766;
  padding-top: 14px;
}
.source-lines i {
  height: 5px;
  border-radius: 3px;
  background: #c9e0ee;
  width: 50%;
}
.source-lines i + i {
  width: 28%;
}
.access-mini-questions {
  gap: 15px;
  padding: 12px 0;
}
.review-question {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  border-bottom: 1px solid #9ec4dd77;
}
.review-question:first-child {
  padding-top: 0;
}
.review-question:last-child {
  border: 0;
  padding-bottom: 0;
}
.review-question > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid #68a5cf;
  border-radius: 50%;
  font-size: 17px;
  color: #3377a6;
  flex: none;
  background: #e5f3fc;
}
.review-question strong {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}
@media (max-width: 1100px) {
  #main #environment .access-illustrated {
    gap: 26px;
  }
  .identity-slip {
    padding: 14px 12px;
    width: 92%;
    gap: 10px;
  }
  .identity-slip strong {
    font-size: 15px;
  }
  .access-mini-permission {
    padding: 10px 4px;
  }
  .permission-sheet {
    padding: 20px 15px;
  }
  .permission-sheet dl > div {
    gap: 8px;
  }
  #environment .access-illustrated h3 {
    font-size: 20px;
  }
  .review-question strong {
    font-size: 14px;
  }
}
@media (max-width: 760px) {
  #main .access-story #environment {
    padding: 50px 0 40px;
  }
  #main #environment .a46-heading {
    margin-bottom: 26px;
  }
  #main #environment .a46-heading p {
    font-size: 16px;
    line-height: 1.75;
    margin-top: 18px;
  }
  #main #environment .access-illustrated {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .access-illustrated article {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
    column-gap: 30px;
    align-content: center;
    align-items: center;
  }
  .access-mini {
    grid-column: 1;
    grid-row: 1/3;
    height: 215px;
  }
  #environment .access-illustrated h3 {
    grid-column: 2;
    margin: 0 0 12px;
    font-size: 21px;
    align-self: end;
  }
  #environment .access-illustrated article > p {
    grid-column: 2;
    font-size: 15px;
    align-self: start;
  }
  .identity-slip {
    width: 96%;
    padding: 13px 10px;
    gap: 9px;
  }
  .access-mini-icon {
    width: 35px;
    height: 35px;
  }
  .access-mini-icon svg {
    width: 23px;
    height: 23px;
  }
  .identity-orbit {
    width: 150px;
    height: 150px;
  }
  .permission-sheet {
    padding: 18px 14px;
  }
  .review-question {
    padding: 12px 0;
    gap: 9px;
  }
  .access-mini-questions {
    gap: 10px;
  }
}
@media (max-width: 500px) {
  #main #environment .access-illustrated {
    gap: 40px;
  }
  .access-illustrated article {
    display: block;
  }
  .access-mini {
    height: 215px;
    max-width: 345px;
    margin: auto;
  }
  #environment .access-illustrated h3 {
    margin: 20px 0 10px;
    font-size: 22px;
  }
  #environment .access-illustrated article > p {
    font-size: 16px;
    max-width: none;
  }
  .identity-slip {
    width: 82%;
    padding: 15px 18px;
    gap: 14px;
  }
  .identity-slip strong {
    font-size: 17px;
  }
  .access-mini-icon {
    width: 43px;
    height: 43px;
  }
  .permission-sheet {
    padding: 20px 23px;
  }
  .permission-sheet dt,
  .permission-sheet dd {
    font-size: 14px;
  }
  .review-question strong {
    font-size: 16px;
  }
  .access-mini-questions {
    height: 195px;
  }
}
#main .access-story #scan-coverage.coverage-studio {
  padding: 42px 0 82px;
}
#main #scan-coverage.coverage-studio > .wrap {
  display: block;
  max-width: 1240px;
}
#main #scan-coverage.coverage-studio .c74-heading {
  max-width: 780px;
  margin: 0 0 34px;
}
#main #scan-coverage.coverage-studio .c74-heading h2 {
  font-size: clamp(34px, 3.3vw, 46px);
  line-height: 1.18;
  max-width: 780px;
}
#main #scan-coverage.coverage-studio .c74-heading > p {
  font-size: 18px;
  line-height: 1.8;
  margin: 22px 0 0;
  max-width: 720px;
}
#main #scan-coverage.coverage-studio .c74-result {
  margin: 0;
  border: 1px solid #b1c7d7;
  border-radius: 6px 22px 6px 6px;
  background: linear-gradient(120deg, #fcfeff, #eaf2f8);
  overflow: hidden;
  box-shadow: 0 22px 45px -28px #244b6e66;
}
#main #scan-coverage.coverage-studio .c74-result figcaption {
  padding: 19px 27px;
  background: linear-gradient(110deg, #25394d, #142739);
  color: #e6eff8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  font-size: 15px;
}
#main #scan-coverage.coverage-studio .c74-status {
  color: #ffdc9c;
  font-size: 12px;
  white-space: nowrap;
}
#main #scan-coverage.coverage-studio .c74-status i {
  background: #e9ba6a;
  box-shadow: 0 0 0 4px #e9ba6a11;
}
#main #scan-coverage.coverage-studio .c74-choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border: 0;
  border-bottom: 1px solid #a1bccf66;
  background: #dae7f1;
}
#main #scan-coverage.coverage-studio .c74-choices button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  padding: 20px 27px;
  min-height: 90px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #476377;
  text-align: left;
  box-shadow: none;
  transform: none;
  transition:
    background 0.18s ease,
    color 0.18s ease;
}
#main #scan-coverage.coverage-studio .c74-choices button + button {
  border-left: 1px solid #a1bccf66;
}
#main #scan-coverage.coverage-studio .c74-choices button[aria-selected="true"] {
  background: #fbfdff;
  color: #163d59;
  box-shadow: inset 0 -3px #6299ba;
}
#main #scan-coverage.coverage-studio #c74-tab-gap[aria-selected="true"] {
  box-shadow: inset 0 -3px #c89847;
}
#main #scan-coverage.coverage-studio .c74-choices button:hover {
  background: #f5faff;
}
#main #scan-coverage.coverage-studio .c74-choices button:focus-visible {
  outline: 3px solid #23698f;
  outline-offset: -6px;
}
#main #scan-coverage.coverage-studio .c74-art {
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  flex: none;
  border-radius: 50%;
  background: #c4d9e866;
  color: #446e88;
  margin: 0;
}
#main
  #scan-coverage.coverage-studio
  #c74-tab-gap[aria-selected="true"]
  .c74-art {
  background: #f5e6c9;
  color: #93661c;
}
#main #scan-coverage.coverage-studio .c74-art svg {
  width: 22px;
  height: 22px;
}
#main #scan-coverage.coverage-studio .coverage-choice-copy {
  flex: 1;
  min-width: 0;
}
#main #scan-coverage.coverage-studio .coverage-choice-copy strong {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
#main #scan-coverage.coverage-studio .c74-state-label {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  margin-top: 3px;
  color: #526f85;
}
#main #scan-coverage.coverage-studio .coverage-choice-arrow {
  display: block;
  width: 21px;
  height: 21px;
  opacity: 0.45;
  flex: none;
}
#main
  #scan-coverage.coverage-studio
  [aria-selected="true"]
  .coverage-choice-arrow {
  opacity: 1;
}
#main #scan-coverage.coverage-studio .c74-panels {
  padding: 34px 30px 27px;
  min-height: 0;
}
#main #scan-coverage.coverage-studio [role="tabpanel"]:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 30px;
  align-items: start;
}
#main #scan-coverage.coverage-studio [role="tabpanel"][hidden] {
  display: none !important;
}
#main #scan-coverage.coverage-studio .coverage-state-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin: 0;
}
#main #scan-coverage.coverage-studio .coverage-state-icon {
  position: relative;
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid #d6b57c;
  background: radial-gradient(circle at 30% 20%, #fff9ed, #edd8b1);
  box-shadow:
    0 0 0 7px #d5b58112,
    inset 0 1px #fff;
  color: #916624;
  flex: none;
}
#main #scan-coverage.coverage-studio .coverage-state-icon svg {
  width: 55px;
  height: 55px;
}
#main #scan-coverage.coverage-studio .coverage-file-icon {
  border-color: #99bacf;
  background: radial-gradient(circle at 30% 20%, #f7fcff, #c6ddeb);
  box-shadow:
    0 0 0 7px #91b9d012,
    inset 0 1px #fff;
  color: #416f8d;
}
#main #scan-coverage.coverage-studio .coverage-state-label {
  display: block;
  font-size: 13px;
  color: #506f84;
  line-height: 1.5;
  margin-bottom: 6px;
}
#main #scan-coverage.coverage-studio .c74-panels h3 {
  font-size: 27px;
  color: #173d56;
  line-height: 1.3;
  letter-spacing: -0.025em;
  font-weight: 500;
  margin: 0;
}
#main #scan-coverage.coverage-studio .coverage-reason {
  padding-top: 3px;
}
#main #scan-coverage.coverage-studio .coverage-impact {
  display: block;
  padding: 0 0 18px;
  margin: 0 0 18px;
  border: 0;
  border-bottom: 1px solid #a1bccf66;
}
#main #scan-coverage.coverage-studio .coverage-impact span {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  color: #526f85;
  margin-bottom: 10px;
}
#main #scan-coverage.coverage-studio .coverage-impact strong {
  display: block;
  font-size: 19px;
  line-height: 1.5;
  color: #294c64;
  font-weight: 500;
  text-align: left;
}
#main #scan-coverage.coverage-studio .coverage-reason > p {
  font-size: 15px;
  line-height: 1.8;
  color: #49667d;
  margin: 0;
}
#main #scan-coverage.coverage-studio .c74-next {
  display: block;
  border: 0;
  border-left: 1px solid #a1bccf77;
  border-radius: 0;
  background: none;
  padding: 3px 0 0 28px;
  margin: 0;
}
#main #scan-coverage.coverage-studio .c74-next > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 17px;
  color: #4c7896;
}
#main #scan-coverage.coverage-studio .c74-next svg {
  width: 28px;
  height: 28px;
  stroke: currentColor;
  stroke-width: 1.5;
  fill: none;
}
#main #scan-coverage.coverage-studio .c74-next h4 {
  font-size: 18px;
  line-height: 1.5;
  color: #20465f;
  font-weight: 500;
  margin: 0 0 10px;
}
#main #scan-coverage.coverage-studio .c74-next p {
  font-size: 15px;
  line-height: 1.8;
  color: #49667d;
  margin: 0;
}
#main #scan-coverage.coverage-studio .section-caveat {
  font-size: 13px;
  line-height: 1.6;
  color: #526c7e;
  margin: 0 30px;
  padding: 19px 0 23px;
  border-top: 1px solid #a1bccf66;
}
@media (max-width: 1000px) {
  #main #scan-coverage.coverage-studio [role="tabpanel"]:not([hidden]) {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
    gap: 26px;
  }
  #main #scan-coverage.coverage-studio .c74-next {
    grid-column: 1/-1;
    display: flex;
    gap: 17px;
    border-left: 0;
    border-top: 1px solid #a1bccf77;
    padding: 22px 0 0;
  }
  #main #scan-coverage.coverage-studio .c74-next > span {
    flex: none;
    margin: 0;
  }
  #main #scan-coverage.coverage-studio .coverage-state-heading {
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }
  #main #scan-coverage.coverage-studio .coverage-state-icon {
    width: 68px;
    height: 68px;
  }
  #main #scan-coverage.coverage-studio .coverage-state-icon svg {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 650px) {
  #main .access-story #scan-coverage.coverage-studio {
    padding: 28px 0 54px;
  }
  #main #scan-coverage.coverage-studio .c74-heading {
    margin-bottom: 27px;
  }
  #main #scan-coverage.coverage-studio .c74-heading h2 {
    font-size: 34px;
  }
  #main #scan-coverage.coverage-studio .c74-heading > p {
    font-size: 16px;
    line-height: 1.75;
    margin-top: 19px;
  }
  #main #scan-coverage.coverage-studio .c74-result figcaption {
    padding: 17px 20px;
    flex-wrap: wrap;
    gap: 8px 15px;
  }
  #main #scan-coverage.coverage-studio .c74-choices button {
    padding: 17px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    min-height: 0;
  }
  #main #scan-coverage.coverage-studio .coverage-choice-copy strong {
    font-size: 14px;
  }
  #main #scan-coverage.coverage-studio .c74-state-label {
    font-size: 12px;
  }
  #main #scan-coverage.coverage-studio .coverage-choice-arrow {
    display: none;
  }
  #main #scan-coverage.coverage-studio .c74-art {
    width: 30px;
    height: 30px;
  }
  #main #scan-coverage.coverage-studio .c74-art svg {
    width: 20px;
    height: 20px;
  }
  #main #scan-coverage.coverage-studio .c74-panels {
    padding: 28px 22px 22px;
  }
  #main #scan-coverage.coverage-studio [role="tabpanel"]:not([hidden]) {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  #main #scan-coverage.coverage-studio .coverage-state-heading {
    gap: 20px;
  }
  #main #scan-coverage.coverage-studio .c74-panels h3 {
    font-size: 25px;
  }
  #main #scan-coverage.coverage-studio .coverage-state-label {
    font-size: 12px;
  }
  #main #scan-coverage.coverage-studio .coverage-impact {
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
  #main #scan-coverage.coverage-studio .coverage-impact strong {
    font-size: 18px;
  }
  #main #scan-coverage.coverage-studio .c74-next {
    gap: 13px;
  }
  #main #scan-coverage.coverage-studio .c74-next > span {
    width: 26px;
  }
  #main #scan-coverage.coverage-studio .c74-next h4 {
    font-size: 17px;
  }
  #main #scan-coverage.coverage-studio .section-caveat {
    margin: 0 22px;
    font-size: 12px;
    padding: 17px 0 21px;
  }
}
@media (max-width: 360px) {
  #main #scan-coverage.coverage-studio .c74-panels {
    padding: 25px 18px 20px;
  }
  #main #scan-coverage.coverage-studio .coverage-state-heading {
    gap: 14px;
  }
  #main #scan-coverage.coverage-studio .coverage-state-icon {
    width: 54px;
    height: 54px;
  }
  #main #scan-coverage.coverage-studio .coverage-state-icon svg {
    width: 37px;
    height: 37px;
  }
  #main #scan-coverage.coverage-studio .c74-panels h3 {
    font-size: 22px;
  }
  #main #scan-coverage.coverage-studio .c74-choices button {
    padding: 16px 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #main #scan-coverage.coverage-studio .c74-choices button {
    transition: none;
  }
}
#main #content-evidence.evidence-studio > .q92-layout {
  display: block;
  max-width: 1240px;
}
#main #content-evidence.evidence-studio .q92-heading {
  max-width: 790px;
  margin: 0 0 42px;
}
#main #content-evidence.evidence-studio .q92-heading h2 {
  font-size: clamp(34px, 3.4vw, 49px);
  line-height: 1.16;
  max-width: 780px;
  margin: 0 0 22px;
  text-wrap: balance;
}
#main #content-evidence.evidence-studio .q92-heading p {
  font-size: 18px;
  line-height: 1.8;
  max-width: 690px;
  color: #b6d0e3;
}
#main #content-evidence.evidence-studio .q92-explorer {
  position: relative;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
#main #content-evidence.evidence-studio .q92-body {
  display: grid;
  grid-template-columns: minmax(290px, 0.85fr) minmax(0, 1.6fr);
  gap: 54px;
  align-items: center;
}
#main #content-evidence.evidence-studio .q92-library {
  padding: 0;
  border: 0;
  background: none;
  min-width: 0;
}
#main #content-evidence.evidence-studio .q92-library h3 {
  font-size: 15px;
  color: #b1cde0;
  font-weight: 500;
  margin: 0 0 20px;
  padding: 0;
}
#main #content-evidence.evidence-studio .q92-files {
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: visible;
}
#main #content-evidence.evidence-studio .q92-file {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 23px 20px;
  min-height: 112px;
  border: 1px solid #6c91ad55;
  border-radius: 4px 18px 4px 4px;
  background: linear-gradient(130deg, #16334b, #10283e);
  color: #cce1f1;
  text-align: left;
  box-shadow: 0 8px 20px #030f1d22;
  transform: none;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
#main #content-evidence.evidence-studio .q92-file::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 16px;
  height: 16px;
  border-bottom: 1px solid #7198b566;
  border-left: 1px solid #7198b566;
  border-radius: 0 17px 0 4px;
  background: linear-gradient(45deg, #325574, #15334c);
}
#main #content-evidence.evidence-studio .q92-file[aria-pressed="true"] {
  background: linear-gradient(120deg, #d9effc, #b7d7ed);
  border-color: #a0dbff;
  color: #123d5b;
  box-shadow:
    0 14px 30px -15px #0008,
    inset 3px 0 #58c4ff;
}
#main #content-evidence.evidence-studio .q92-file[aria-pressed="true"]::before {
  background: linear-gradient(45deg, #8cbbd8, #e8f7ff);
  border-color: #85b7d6;
}
#main #content-evidence.evidence-studio .q92-file[aria-pressed="true"]::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 54px;
  height: 1px;
  background: linear-gradient(90deg, #9ad7ff, #70b6e577);
  pointer-events: none;
}
#main #content-evidence.evidence-studio .q92-file:hover {
  border-color: #9bcae9;
  box-shadow: 0 8px 24px #030f1d55;
}
#main #content-evidence.evidence-studio .q92-file:focus-visible {
  outline: 3px solid #9cddff;
  outline-offset: 5px;
}
#main #content-evidence.evidence-studio .studio-file-icon {
  position: relative;
  width: 40px;
  height: 49px;
  flex: none;
  display: grid;
  place-items: center;
  border: 1px solid #74a3c266;
  border-radius: 3px 10px 3px 3px;
  color: #9fd0ed;
  background: #27506d55;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
#main
  #content-evidence.evidence-studio
  [aria-pressed="true"]
  .studio-file-icon {
  background: #eef9ff66;
  border-color: #6699b9;
  color: #245c7e;
}
#main #content-evidence.evidence-studio .studio-file-copy {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  gap: 6px;
}
#main #content-evidence.evidence-studio .studio-file-copy strong {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
  color: inherit;
  overflow-wrap: anywhere;
}
#main #content-evidence.evidence-studio .studio-file-copy > span {
  font-size: 13px;
  line-height: 1.5;
  color: #a5c3d9;
}
#main
  #content-evidence.evidence-studio
  [aria-pressed="true"]
  .studio-file-copy
  > span {
  color: #426881;
}
#main #content-evidence.evidence-studio .studio-file-arrow {
  width: 19px;
  height: 19px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  opacity: 0.3;
}
#main
  #content-evidence.evidence-studio
  [aria-pressed="true"]
  .studio-file-arrow {
  opacity: 1;
}
#main #content-evidence.evidence-studio .q92-evidence {
  position: relative;
  isolation: isolate;
  padding: 32px;
  border: 1px solid #567b984d;
  border-left: 2px solid #79bfec;
  border-radius: 0 22px 22px 0;
  background:
    radial-gradient(ellipse at 85% 25%, #24597d4d, transparent 65%),
    linear-gradient(135deg, #122e46ee, #0a2035f5);
  box-shadow: 0 26px 55px -28px #0009;
  min-height: 548px;
}
#main #content-evidence.evidence-studio .q92-evidence::before {
  display: none;
}
#main #content-evidence.evidence-studio .studio-document-heading {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 0 24px;
  border-bottom: 1px solid #6b90ac40;
}
#main #content-evidence.evidence-studio .studio-document-heading > div {
  min-width: 0;
}
#main #content-evidence.evidence-studio .studio-document-heading > img {
  width: 38px;
  height: 38px;
  flex: none;
  object-fit: contain;
}
#main #content-evidence.evidence-studio .studio-document-heading h3 {
  font-size: 22px;
  line-height: 1.45;
  font-weight: 500;
  color: #e4f3fd;
  margin: 0 0 6px;
  overflow-wrap: anywhere;
}
#main #content-evidence.evidence-studio .studio-document-heading p {
  font-size: 12px;
  line-height: 1.6;
  color: #a6c5db;
  margin: 0;
  overflow-wrap: anywhere;
}
#main #content-evidence.evidence-studio .q92-facts {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 136px;
  gap: 20px;
  align-items: center;
  border: 0;
  padding: 0;
  margin: 28px 0;
}
#main #content-evidence.evidence-studio .q92-facts > div {
  display: block;
  border: 0;
  padding: 0;
  min-width: 0;
}
#main #content-evidence.evidence-studio .q92-facts dt {
  font-size: 13px;
  line-height: 1.5;
  color: #a9c9df;
}
#main #content-evidence.evidence-studio .q92-facts dd {
  margin: 12px 0 0;
  text-align: left;
}
#main #content-evidence.evidence-studio .q92-facts code {
  display: inline-block;
  font-family: Consolas, monospace;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.035em;
  padding: 9px 15px;
  border: 0;
  border-left: 2px solid #70caff;
  border-right: 2px solid #70caff;
  border-radius: 0;
  background: linear-gradient(90deg, #24648f4d, #26547311);
  color: #c4ebff;
  overflow-wrap: anywhere;
}
#main #content-evidence.evidence-studio .q92-facts .evidence-matches {
  width: 136px;
  height: 136px;
  border: 1px solid #78b9e788;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  background: radial-gradient(circle at 30% 25%, #31638c66, #102b44);
  box-shadow:
    0 0 0 8px #7ebfeb09,
    inset 0 0 22px #5eb3ed0d;
}
#main #content-evidence.evidence-studio .evidence-matches dt {
  order: 2;
  color: #b7d4e7;
  font-size: 13px;
}
#main #content-evidence.evidence-studio .evidence-matches dd {
  order: 1;
  margin: 0;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -0.04em;
  color: #b4e4ff;
  font-variant-numeric: tabular-nums;
}
#main #content-evidence.evidence-studio .studio-metadata {
  display: grid;
  grid-template-columns: 1fr 0.9fr 1.2fr;
  gap: 20px;
  padding: 18px 0;
  border-top: 1px solid #6b90ac40;
  border-bottom: 1px solid #6b90ac40;
  margin: 0 0 24px;
}
#main #content-evidence.evidence-studio .studio-metadata > div {
  min-width: 0;
}
#main #content-evidence.evidence-studio .studio-metadata dt {
  font-size: 12px;
  color: #9cbed6;
  line-height: 1.5;
  margin: 0 0 7px;
}
#main #content-evidence.evidence-studio .studio-metadata dd {
  font-size: 14px;
  line-height: 1.55;
  color: #e0edf6;
  margin: 0;
}
#main #content-evidence.evidence-studio #d45-severity {
  color: #ffd1ce;
}
#main #content-evidence.evidence-studio .q92-context {
  padding: 0;
  border: 0;
  background: none;
  margin: 0;
}
#main #content-evidence.evidence-studio .q92-context h4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #d9ebf7;
  margin: 0 0 8px;
}
#main #content-evidence.evidence-studio .q92-context p {
  font-size: 15px;
  line-height: 1.75;
  color: #acc8dc;
  margin: 0;
}
#main #content-evidence.evidence-studio .q92-caveat {
  border: 0;
  margin: 20px 0 0;
  padding: 0;
  color: #a1bed3;
  font-size: 12px;
  line-height: 1.7;
}
@media (max-width: 1100px) {
  #main #content-evidence.evidence-studio .q92-body {
    grid-template-columns: minmax(245px, 0.8fr) minmax(0, 1.4fr);
    gap: 30px;
  }
  #main #content-evidence.evidence-studio .q92-file {
    padding: 20px 16px;
    gap: 12px;
  }
  #main
    #content-evidence.evidence-studio
    .q92-file[aria-pressed="true"]::after {
    width: 30px;
  }
  #main #content-evidence.evidence-studio .studio-file-arrow {
    display: none;
  }
  #main #content-evidence.evidence-studio .q92-evidence {
    padding: 26px;
  }
  #main #content-evidence.evidence-studio .q92-facts {
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 15px;
  }
  #main #content-evidence.evidence-studio .q92-facts .evidence-matches {
    width: 112px;
    height: 112px;
  }
  #main #content-evidence.evidence-studio .studio-metadata {
    gap: 15px;
  }
}
@media (max-width: 800px) {
  #main #content-evidence.evidence-studio .q92-body {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  #main #content-evidence.evidence-studio .q92-files {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
  #main #content-evidence.evidence-studio .q92-file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 175px;
    padding: 19px 16px;
    gap: 13px;
  }
  #main
    #content-evidence.evidence-studio
    .q92-file[aria-pressed="true"]::after {
    left: 50%;
    top: 100%;
    width: 1px;
    height: 26px;
    background: linear-gradient(#9ad7ff, #70b6e577);
  }
  #main #content-evidence.evidence-studio .studio-file-copy strong {
    font-size: 13px;
  }
  #main #content-evidence.evidence-studio .studio-file-copy > span {
    font-size: 12px;
  }
  #main #content-evidence.evidence-studio .q92-evidence {
    min-height: 0;
    border-left-width: 1px;
    border-top: 2px solid #79bfec;
    border-radius: 0 0 18px 18px;
  }
  #main #content-evidence.evidence-studio .q92-facts code {
    font-size: 36px;
  }
}
@media (max-width: 540px) {
  #main #content-evidence.evidence-studio .q92-heading {
    margin-bottom: 28px;
  }
  #main #content-evidence.evidence-studio .q92-heading h2 {
    font-size: 34px;
  }
  #main #content-evidence.evidence-studio .q92-heading p {
    font-size: 16px;
    line-height: 1.75;
  }
  #main #content-evidence.evidence-studio .q92-library h3 {
    margin-bottom: 14px;
  }
  #main #content-evidence.evidence-studio .q92-files {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  #main #content-evidence.evidence-studio .q92-file {
    flex-direction: row;
    align-items: center;
    min-height: 79px;
    padding: 14px 16px;
    gap: 14px;
  }
  #main #content-evidence.evidence-studio .studio-file-icon {
    width: 32px;
    height: 40px;
    font-size: 9px;
  }
  #main #content-evidence.evidence-studio .studio-file-copy strong {
    font-size: 14px;
  }
  #main #content-evidence.evidence-studio .studio-file-copy > span {
    font-size: 12px;
  }
  #main
    #content-evidence.evidence-studio
    .q92-file[aria-pressed="true"]::after {
    display: none;
  }
  #main #content-evidence.evidence-studio .q92-evidence {
    padding: 24px 20px;
  }
  #main #content-evidence.evidence-studio .studio-document-heading {
    gap: 12px;
    padding-bottom: 20px;
  }
  #main #content-evidence.evidence-studio .studio-document-heading h3 {
    font-size: 19px;
  }
  #main #content-evidence.evidence-studio .studio-document-heading > img {
    width: 30px;
    height: 30px;
  }
  #main #content-evidence.evidence-studio .q92-facts {
    container-type: inline-size;
    grid-template-columns: minmax(0, 1fr) 88px;
    margin: 24px 0;
    gap: 14px;
  }
  #main #content-evidence.evidence-studio .q92-facts code {
    font-size: clamp(17px, 6.6cqw, 27px);
    padding: 8px;
  }
  #main #content-evidence.evidence-studio .q92-facts .evidence-matches {
    width: 88px;
    height: 88px;
  }
  #main #content-evidence.evidence-studio .evidence-matches dd {
    font-size: 33px;
  }
  #main #content-evidence.evidence-studio .evidence-matches dt {
    font-size: 12px;
  }
  #main #content-evidence.evidence-studio .studio-metadata {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 17px 0;
    margin-bottom: 21px;
  }
  #main #content-evidence.evidence-studio .studio-metadata > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 15px;
  }
  #main #content-evidence.evidence-studio .studio-metadata dt {
    margin: 0;
  }
  #main #content-evidence.evidence-studio .studio-metadata dd {
    text-align: right;
  }
  #main #content-evidence.evidence-studio .q92-context p {
    font-size: 14px;
  }
}
@media (max-width: 360px) {
  #main #content-evidence.evidence-studio .q92-evidence {
    padding: 22px 16px;
  }
  #main #content-evidence.evidence-studio .q92-heading h2 {
    font-size: 31px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #main #content-evidence.evidence-studio .q92-file {
    transition: none;
  }
}
#main #content-evidence.evidence-studio {
  --studio-accent: #66baff;
  --studio-glow: #328bff;
  --studio-soft: #afd7ff;
  --studio-paper: #e1f0ff;
  --studio-ink: #173d61;
  --studio-muted: #355b7c;
}
#main #content-evidence.evidence-studio .q92-file[data-d45-file="1"],
#main
  #content-evidence.evidence-studio:has(
    [data-d45-file="1"][aria-pressed="true"]
  )
  .q92-evidence {
  --studio-accent: #8ec6d8;
  --studio-glow: #4c94b4;
  --studio-soft: #bfdce6;
  --studio-paper: #edf6f8;
  --studio-ink: #263f50;
  --studio-muted: #405c6e;
}
#main #content-evidence.evidence-studio .q92-file[data-d45-file="2"],
#main
  #content-evidence.evidence-studio:has(
    [data-d45-file="2"][aria-pressed="true"]
  )
  .q92-evidence {
  --studio-accent: #b5abd9;
  --studio-glow: #7e74a9;
  --studio-soft: #d5d0e9;
  --studio-paper: #f2f0f8;
  --studio-ink: #3e3657;
  --studio-muted: #5a506d;
}
#main #content-evidence.evidence-studio .q92-file {
  background: linear-gradient(
    120deg,
    color-mix(in srgb, var(--studio-glow) 14%, #132232),
    #101e2d
  );
  border-color: color-mix(in srgb, var(--studio-accent) 32%, #213347);
  color: #e0e8f1;
}
#main #content-evidence.evidence-studio .q92-file::before {
  background: linear-gradient(
    45deg,
    color-mix(in srgb, var(--studio-accent) 38%, #213347),
    #182b3d
  );
  border-color: color-mix(in srgb, var(--studio-accent) 40%, transparent);
}
#main #content-evidence.evidence-studio .studio-file-icon {
  color: var(--studio-accent);
  border-color: color-mix(in srgb, var(--studio-accent) 55%, transparent);
  background: color-mix(in srgb, var(--studio-glow) 16%, #132232);
}
#main #content-evidence.evidence-studio .studio-file-copy > span {
  color: var(--studio-soft);
}
#main #content-evidence.evidence-studio .studio-file-arrow {
  color: var(--studio-accent);
  opacity: 0.7;
}
#main #content-evidence.evidence-studio .q92-file[aria-pressed="true"] {
  background: linear-gradient(120deg, var(--studio-paper), var(--studio-soft));
  border-color: var(--studio-accent);
  color: var(--studio-ink);
  box-shadow:
    0 14px 30px -15px #0008,
    inset 3px 0 var(--studio-glow);
}
#main #content-evidence.evidence-studio .q92-file[aria-pressed="true"]::before {
  background: linear-gradient(45deg, var(--studio-accent), var(--studio-paper));
  border-color: color-mix(in srgb, var(--studio-ink) 35%, transparent);
}
#main #content-evidence.evidence-studio .q92-file[aria-pressed="true"]::after {
  background: var(--studio-accent);
  box-shadow: 0 0 8px color-mix(in srgb, var(--studio-glow) 55%, transparent);
}
#main
  #content-evidence.evidence-studio
  [aria-pressed="true"]
  .studio-file-icon {
  background: color-mix(in srgb, var(--studio-paper) 70%, transparent);
  border-color: color-mix(in srgb, var(--studio-ink) 55%, transparent);
  color: var(--studio-ink);
}
#main
  #content-evidence.evidence-studio
  [aria-pressed="true"]
  .studio-file-copy
  > span {
  color: var(--studio-muted);
}
#main
  #content-evidence.evidence-studio
  [aria-pressed="true"]
  .studio-file-arrow {
  color: var(--studio-ink);
}
#main #content-evidence.evidence-studio .q92-file:hover {
  border-color: var(--studio-accent);
}
#main #content-evidence.evidence-studio .q92-evidence {
  border-left-color: var(--studio-accent);
  background:
    radial-gradient(
      ellipse at 92% 20%,
      color-mix(in srgb, var(--studio-glow) 17%, transparent),
      transparent 58%
    ),
    linear-gradient(145deg, #192736, #0d1b2a);
  border-top-color: #62768d55;
}
#main #content-evidence.evidence-studio .studio-document-heading h3 {
  color: #f0f4f9;
}
#main #content-evidence.evidence-studio .studio-document-heading p,
#main #content-evidence.evidence-studio .q92-facts dt,
#main #content-evidence.evidence-studio .studio-metadata dt {
  color: #b3c2d2;
}
#main #content-evidence.evidence-studio .q92-facts code {
  color: var(--studio-soft);
  border-color: var(--studio-accent);
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--studio-glow) 24%, transparent),
    color-mix(in srgb, var(--studio-glow) 4%, transparent)
  );
}
#main #content-evidence.evidence-studio .q92-facts .evidence-matches {
  border-color: color-mix(in srgb, var(--studio-accent) 75%, transparent);
  background: radial-gradient(
    circle at 30% 25%,
    color-mix(in srgb, var(--studio-glow) 35%, #1b2c3f),
    #102030
  );
  box-shadow:
    0 0 0 8px color-mix(in srgb, var(--studio-accent) 5%, transparent),
    0 0 32px color-mix(in srgb, var(--studio-glow) 12%, transparent),
    inset 0 0 20px color-mix(in srgb, var(--studio-accent) 7%, transparent);
}
#main #content-evidence.evidence-studio .evidence-matches dd {
  color: var(--studio-soft);
}
#main #content-evidence.evidence-studio .evidence-matches dt {
  color: #d1dce8;
}
#main #content-evidence.evidence-studio #d45-category {
  color: var(--studio-soft);
}
#main #content-evidence.evidence-studio #d45-severity {
  color: #ffb4aa;
}
#main
  #content-evidence.evidence-studio:has(
    [data-d45-file="2"][aria-pressed="true"]
  )
  #d45-severity {
  color: #ffd38a;
}
#main #content-evidence.evidence-studio .q92-context h4 {
  color: #eef2f8;
}
#main #content-evidence.evidence-studio .q92-context p {
  color: #c2cfdd;
}
#main #content-evidence.evidence-studio .q92-caveat {
  color: #afbdcf;
}
@media (max-width: 800px) {
  #main #content-evidence.evidence-studio .q92-evidence {
    border-top-color: var(--studio-accent);
    border-left-color: #62768d55;
  }
}
#main #approach.priorities-refined .q93-review {
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
}
#approach.priorities-refined .q93-heading {
  margin-bottom: 30px;
}
#approach.priorities-refined .q93-columns {
  background: none;
  padding: 0 24px 14px;
  color: #a7c8df;
  grid-template-columns: minmax(0, 2.8fr) minmax(110px, 1fr) 90px 65px 20px;
}
#approach.priorities-refined .q93-finding {
  margin: 0 0 14px;
  border: 1px solid #52779977;
  border-radius: 14px;
  overflow: hidden;
  background: #102b43;
  box-shadow: 0 13px 35px -24px #0009;
}
#approach.priorities-refined .q93-finding > summary {
  background: linear-gradient(110deg, #173b58, #10273e);
  padding: 21px 24px;
  min-height: 84px;
  color: #dcefff;
}
#approach.priorities-refined .q93-finding > summary:hover {
  background: linear-gradient(110deg, #204965, #15334d);
}
#approach.priorities-refined .q93-finding[open] > summary {
  background: linear-gradient(110deg, #204c6b, #14334c);
  color: #edf8ff;
  box-shadow: inset 3px 0 #8bd7ff;
  border-bottom: 1px solid #749bb044;
}
#approach.priorities-refined .q93-name {
  font-size: 15px;
}
#approach.priorities-refined .q93-name strong {
  font-weight: 600;
  color: #edf8ff;
}
#approach.priorities-refined .q93-finding > summary > .q93-source {
  font-size: 13px;
  color: #b9d7ec;
}
#approach.priorities-refined .q93-finding > summary > .q93-severity {
  background: #f5d6da;
  color: #832c3d;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
}
#approach.priorities-refined .q93-count {
  font-variant-numeric: tabular-nums;
  font-size: 16px;
}
#approach.priorities-refined .q93-chevron {
  color: #a3daf9;
}
#approach.priorities-refined .q93-expanded {
  padding: 25px 28px 29px;
  background: linear-gradient(120deg, #102b42, #14334d);
  color: #d5e8f5;
}
#approach.priorities-refined .q93-pattern {
  font-size: 13px;
  color: #a4c4dc;
  margin: 0 0 16px;
  gap: 12px;
}
#approach.priorities-refined .q93-pattern code {
  background: #244d68;
  border: 1px solid #72aad244;
  color: #c4eaff;
  font-size: 14px;
  padding: 4px 9px;
}
#approach.priorities-refined .q93-detail-grid {
  display: block;
}
#approach.priorities-refined .q93-detail-grid > div:first-child {
  display: flex;
  align-items: baseline;
  gap: 18px;
  margin-bottom: 25px;
  padding-bottom: 22px;
  border-bottom: 1px solid #7596ae44;
}
#approach.priorities-refined .q93-detail-grid > div:first-child h3 {
  flex: none;
  font-size: 14px;
  margin: 0;
  color: #a4c4dc;
  font-weight: 400;
}
#approach.priorities-refined .q93-detail-grid > div:first-child p {
  font-size: 15px;
  line-height: 1.7;
  color: #d0e5f4;
  margin: 0;
}
#approach.priorities-refined .q93-detail-grid > div:first-child p strong {
  font-weight: 600;
  color: #e8f5ff;
}
#approach.priorities-refined .q93-guide {
  padding: 0;
  border: 0;
}
#approach.priorities-refined .q93-guide h3 {
  font-size: 16px;
  line-height: 1.5;
  color: #e0f2ff;
  margin: 0 0 21px;
  font-weight: 500;
}
#approach.priorities-refined .q93-guide ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: remediation;
}
#approach.priorities-refined .q93-guide li {
  counter-increment: remediation;
  position: relative;
  margin: 0;
  padding: 0 0 0 43px;
  font-size: 14px;
  line-height: 1.8;
  color: #b6d1e4;
}
#approach.priorities-refined .q93-guide li::before {
  content: counter(remediation);
  position: absolute;
  left: 0;
  top: 0;
  width: 29px;
  height: 29px;
  border: 1px solid #80bde166;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #26597777;
  color: #bae7ff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
#approach.priorities-refined .q93-guide li strong {
  font-weight: 600;
  color: #e3f4ff;
}
#approach.priorities-refined .q93-guide li + li {
  border-left: 1px solid #7596ae33;
  padding-left: 56px;
}
#approach.priorities-refined .q93-guide li + li::before {
  left: 13px;
}
#approach.priorities-refined .section-caveat {
  font-size: 13px;
  line-height: 1.65;
  color: #a7c7dd;
  margin: 20px 0 0;
  padding: 0 4px;
}
@media (max-width: 1000px) {
  #approach.priorities-refined .q93-guide ol {
    gap: 20px;
  }
  #approach.priorities-refined .q93-guide li {
    padding-left: 37px;
    font-size: 14px;
  }
  #approach.priorities-refined .q93-guide li + li {
    padding-left: 45px;
  }
  #approach.priorities-refined .q93-guide li + li::before {
    left: 8px;
  }
}
@media (max-width: 760px) {
  #approach.priorities-refined .q93-columns {
    display: none;
  }
  #approach.priorities-refined .q93-finding > summary {
    grid-template-columns: 1fr auto auto 20px;
    gap: 12px 10px;
    padding: 19px 20px;
  }
  #approach.priorities-refined .q93-name {
    grid-column: 1/4;
  }
  #approach.priorities-refined .q93-source {
    grid-column: 1;
  }
  #approach.priorities-refined .q93-severity {
    grid-column: 2;
  }
  #approach.priorities-refined .q93-count {
    grid-column: 3;
  }
  #approach.priorities-refined .q93-chevron {
    grid-column: 4;
    grid-row: 1;
  }
  #approach.priorities-refined .q93-mobile-label {
    display: inline;
  }
  #approach.priorities-refined .q93-finding > summary > .q93-count {
    font-size: 12px;
  }
  #approach.priorities-refined .q93-expanded {
    padding: 22px 21px 26px;
  }
  #approach.priorities-refined .q93-detail-grid > div:first-child {
    display: block;
    margin-bottom: 21px;
    padding-bottom: 18px;
  }
  #approach.priorities-refined .q93-detail-grid > div:first-child h3 {
    margin-bottom: 7px;
  }
  #approach.priorities-refined .q93-guide ol {
    grid-template-columns: 1fr;
    gap: 21px;
  }
  #approach.priorities-refined .q93-guide li,
  #approach.priorities-refined .q93-guide li + li {
    padding-left: 42px;
    border: 0;
  }
  #approach.priorities-refined .q93-guide li + li::before {
    left: 0;
  }
  #approach.priorities-refined .q93-guide li {
    font-size: 15px;
    line-height: 1.75;
  }
  #approach.priorities-refined .q93-guide li::after {
    content: "";
    position: absolute;
    width: 1px;
    left: 14px;
    top: 36px;
    bottom: -15px;
    background: #79acd033;
  }
  #approach.priorities-refined .q93-guide li:last-child::after {
    display: none;
  }
}
@media (max-width: 360px) {
  #approach.priorities-refined .q93-finding > summary {
    padding: 17px 15px;
    gap: 12px 7px;
  }
  #approach.priorities-refined .q93-expanded {
    padding: 20px 17px 24px;
  }
  #approach.priorities-refined .q93-finding > summary > .q93-source {
    font-size: 12px;
  }
  #approach.priorities-refined .q93-finding > summary > .q93-severity {
    padding: 3px 7px;
  }
}
#main #approach.priorities-refined .q93-finding {
  border-color: #5a78955c;
  background: #142332;
  border-radius: 5px 18px 5px 5px;
  box-shadow: 0 18px 40px -28px #0009;
}
#main #approach.priorities-refined .q93-columns {
  color: #adbed0;
  font-size: 12px;
}
#main #approach.priorities-refined .q93-finding > summary {
  background: linear-gradient(120deg, #1b2e41, #102132);
  min-height: 88px;
  padding-block: 23px;
}
#main #approach.priorities-refined .q93-finding > summary:hover {
  background: linear-gradient(120deg, #233e56, #162c40);
}
#main #approach.priorities-refined .q93-finding[open] > summary {
  background: linear-gradient(110deg, #deefff, #bcd9ed);
  color: #214560;
  box-shadow: inset 3px 0 #519fe0;
  border-bottom: 1px solid #a9d3f0;
}
#main #approach.priorities-refined .q93-finding[open] .q93-name {
  color: #365b75;
}
#main #approach.priorities-refined .q93-finding[open] .q93-name strong {
  color: #143b56;
}
#main #approach.priorities-refined .q93-finding[open] summary > .q93-source {
  color: #345973;
}
#main #approach.priorities-refined .q93-finding[open] summary > .q93-severity {
  background: #f8d7d3;
  color: #7b332d;
  border-color: #b8797066;
}
#main #approach.priorities-refined .q93-finding[open] .q93-chevron {
  color: #235575;
}
#main #approach.priorities-refined .q93-count {
  font-size: 18px;
  font-weight: 600;
}
#main #approach.priorities-refined .q93-expanded {
  padding: 27px 30px 32px;
  background:
    radial-gradient(ellipse at 10% 0%, #32618c1a, transparent 65%),
    linear-gradient(125deg, #1a2939, #0e1e2e);
}
#main #approach.priorities-refined .q93-pattern {
  display: flex;
  align-items: center;
  gap: 17px;
  background: none;
  color: #a9bdd1;
  padding: 0;
  margin: 0 0 13px;
  border-radius: 0;
  font-size: 13px;
}
#main #approach.priorities-refined .q93-pattern code {
  font-size: 19px;
  font-weight: 400;
  letter-spacing: -0.02em;
  padding: 5px 10px;
  color: #bcdfff;
  border: 0;
  border-left: 2px solid #75b7ec;
  border-right: 2px solid #75b7ec;
  border-radius: 0;
  background: linear-gradient(90deg, #366ca233, #1e3b5611);
}
#main #approach.priorities-refined .q93-detail-grid > div:first-child {
  display: flex;
  align-items: baseline;
  gap: 17px;
  background: none;
  border-radius: 0;
  padding: 0 0 22px;
  margin: 0 0 27px;
  border-bottom: 1px solid #7391a944;
}
#main #approach.priorities-refined .q93-detail-grid > div:first-child h3 {
  margin: 0;
  color: #a9bdd1;
  font-size: 13px;
  min-width: 105px;
}
#main #approach.priorities-refined .q93-detail-grid > div:first-child p {
  color: #c5d3e0;
  font-size: 14px;
  line-height: 1.75;
}
#main #approach.priorities-refined .q93-detail-grid > div:first-child p strong {
  color: #edf5fc;
}
#main #approach.priorities-refined .q93-guide h3 {
  font-size: 17px;
  color: #ebf3fb;
  margin-bottom: 23px;
}
#main #approach.priorities-refined .q93-guide ol {
  gap: 30px;
}
#main #approach.priorities-refined .q93-guide li,
#main #approach.priorities-refined .q93-guide li + li {
  padding: 0;
  border: 0;
  color: #bfccdb;
  font-size: 14px;
  line-height: 1.75;
}
#main #approach.priorities-refined .q93-guide li::before {
  display: none;
}
#main #approach.priorities-refined .q93-guide li::after {
  content: "";
  position: absolute;
  left: 66px;
  right: 0;
  top: 24px;
  height: 1px;
  width: auto;
  bottom: auto;
  background: linear-gradient(90deg, #789ab25c, #789ab211);
}
#main #approach.priorities-refined .q93-guide li:last-child::after {
  display: none;
}
#main #approach.priorities-refined .priority-action-icon {
  display: grid;
  place-items: center;
  width: 49px;
  height: 49px;
  border-radius: 50%;
  border: 1px solid #6eadd488;
  background: radial-gradient(circle at 30% 20%, #284b6a, #142d44);
  color: #96c9f3;
  margin-bottom: 18px;
  box-shadow: 0 0 0 5px #70a7d008;
}
#main #approach.priorities-refined .priority-action-icon svg {
  width: 29px;
  height: 29px;
  stroke: currentColor;
  stroke-width: 1.45;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#main
  #approach.priorities-refined
  .q93-guide
  li:nth-child(2)
  .priority-action-icon {
  background: radial-gradient(circle at 30% 20%, #344d60, #182c3d);
  color: #bfdce6;
  border-color: #8ec6d866;
}
#main
  #approach.priorities-refined
  .q93-guide
  li:nth-child(3)
  .priority-action-icon {
  background: radial-gradient(circle at 30% 20%, #394251, #1d2c3b);
  color: #d3dbe5;
  border-color: #a3b4c466;
}
#main #approach.priorities-refined .q93-guide li strong {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #f0f5fa;
  margin-bottom: 6px;
}
#main #approach.priorities-refined .section-caveat {
  color: #adbdce;
  font-size: 12px;
}
@media (max-width: 1000px) {
  #main #approach.priorities-refined .q93-guide ol {
    gap: 22px;
  }
  #main #approach.priorities-refined .q93-guide li strong {
    font-size: 15px;
  }
}
@media (max-width: 760px) {
  #main #approach.priorities-refined .q93-finding > summary {
    padding: 20px;
  }
  #main #approach.priorities-refined .q93-expanded {
    padding: 23px 21px 27px;
  }
  #main #approach.priorities-refined .q93-detail-grid > div:first-child {
    display: block;
    padding-bottom: 22px;
    margin-bottom: 23px;
  }
  #main #approach.priorities-refined .q93-detail-grid > div:first-child h3 {
    margin-bottom: 7px;
  }
  #main #approach.priorities-refined .q93-guide ol {
    gap: 25px;
  }
  #main #approach.priorities-refined .q93-guide li,
  #main #approach.priorities-refined .q93-guide li + li {
    padding-left: 59px;
    font-size: 14px;
  }
  #main #approach.priorities-refined .priority-action-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    margin: 0;
  }
  #main #approach.priorities-refined .priority-action-icon svg {
    width: 24px;
    height: 24px;
  }
  #main #approach.priorities-refined .q93-guide li::after {
    left: 20px;
    right: auto;
    top: 49px;
    bottom: -16px;
    width: 1px;
    height: auto;
    background: linear-gradient(#789ab266, #789ab222);
  }
  #main #approach.priorities-refined .q93-guide li strong {
    font-size: 15px;
  }
}
@media (max-width: 360px) {
  #main #approach.priorities-refined .q93-expanded {
    padding: 21px 17px 25px;
  }
  #main #approach.priorities-refined .q93-finding > summary {
    padding: 18px 16px;
  }
  #main #approach.priorities-refined .q93-pattern {
    gap: 10px;
    font-size: 12px;
  }
  #main #approach.priorities-refined .q93-pattern code {
    font-size: 17px;
  }
  #main #approach.priorities-refined .q93-guide li,
  #main #approach.priorities-refined .q93-guide li + li {
    padding-left: 52px;
  }
}
#main #loss-context.loss-refined .loss-layout {
  grid-template-columns: 1fr;
  gap: 32px;
}
#loss-context.loss-refined .loss-copy {
  max-width: 850px;
}
#loss-context.loss-refined .loss-copy h2 {
  max-width: 780px;
  margin-bottom: 24px;
}
#loss-context.loss-refined .loss-copy p {
  max-width: 800px;
  font-size: 18px;
  line-height: 1.8;
}
#loss-context.loss-refined .loss-demo {
  display: grid;
  grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.4fr);
  gap: 0 48px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
#loss-context.loss-refined .loss-demo-heading {
  grid-column: 1/-1;
  margin: 0 0 28px;
  padding: 20px 0;
  border-top: 1px solid #a9c2d4;
  border-bottom: 1px solid #a9c2d4;
  display: flex;
}
#loss-context.loss-refined .loss-demo-heading h3 {
  font-size: 18px;
  color: #193a50;
}
#loss-context.loss-refined .loss-demo-heading > span {
  color: #395d78;
  border-color: #739ab6;
  font-size: 13px;
}
#loss-context.loss-refined .loss-figures {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  justify-content: center;
}
#loss-context.loss-refined .loss-figures > div {
  display: block;
  position: relative;
  padding: 22px 0 22px 23px;
  border: 0;
}
#loss-context.loss-refined .loss-figures > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 28px;
  width: 4px;
  height: 30px;
  background: #1782c3;
  border-radius: 4px;
}
#loss-context.loss-refined .loss-figures > div + div {
  border-top: 1px solid #abc5d699;
}
#loss-context.loss-refined .loss-figures > div:nth-child(2)::before {
  background: #b87628;
}
#loss-context.loss-refined .loss-figures > div:nth-child(3)::before {
  background: #7e74a9;
}
#loss-context.loss-refined .loss-figures dt {
  font-size: 16px;
  font-weight: 600;
  color: #224158;
}
#loss-context.loss-refined .loss-figures dd {
  font-size: clamp(24px, 2.3vw, 32px);
  line-height: 1.35;
  margin: 10px 0;
  color: #096cab;
  white-space: nowrap;
  letter-spacing: -0.04em;
}
#loss-context.loss-refined .loss-figures > div:nth-child(2) dd {
  color: #8d541a;
}
#loss-context.loss-refined .loss-figures > div:nth-child(3) dd {
  color: #544873;
  font-size: clamp(22px, 2vw, 28px);
}
#loss-context.loss-refined .loss-figures p {
  font-size: 14px;
  line-height: 1.6;
  color: #45627a;
  max-width: 310px;
}
#loss-context.loss-refined .loss-explorer {
  min-width: 0;
  align-self: center;
  padding: 30px 30px 20px;
  border: 1px solid #54738e;
  border-radius: 28px 8px 28px 8px;
  background:
    radial-gradient(ellipse at 80% 10%, #27527a77, transparent 62%),
    linear-gradient(135deg, #172a3c, #091a2c);
  box-shadow: 0 24px 50px -30px #163a6580;
}
#loss-context.loss-refined .loss-plot {
  margin: 0;
  aspect-ratio: auto;
}
#loss-context.loss-refined .loss-readout {
  padding: 18px 0 0;
  margin-top: 16px;
}
#loss-context.loss-refined .loss-readout p {
  font-size: 17px;
  line-height: 1.7;
}
#loss-context.loss-refined .loss-readout strong {
  font-size: 20px;
  color: #a9e0ff;
}
#loss-context.loss-refined .loss-slider-label {
  margin-top: 22px;
  font-size: 13px;
}
#loss-context.loss-refined .loss-explanation {
  grid-column: 1/-1;
  margin-top: 30px;
  border-top: 1px solid #abc5d6;
  border-bottom: 1px solid #abc5d6;
}
#loss-context.loss-refined .loss-explanation summary {
  padding: 15px 0;
  font-size: 15px;
  color: #23455e;
}
#loss-context.loss-refined .loss-explanation summary::after {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid #8baec7;
  border-radius: 50%;
  color: #176697;
  flex-shrink: 0;
}
#loss-context.loss-refined .loss-explanation p {
  margin: 0 0 20px;
  max-width: 950px;
  color: #395b74;
  font-size: 15px;
}
#loss-context.loss-refined .loss-explanation summary:focus-visible {
  outline-color: #1479b3;
}
#loss-context.loss-refined .loss-scope {
  text-align: left;
  font-size: 13px;
  line-height: 1.7;
  margin-top: -12px;
}
@media (max-width: 1050px) {
  #loss-context.loss-refined .loss-demo {
    grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.2fr);
    gap: 0 26px;
  }
  #loss-context.loss-refined .loss-explorer {
    padding: 24px 20px 16px;
  }
  #loss-context.loss-refined .loss-figures dd {
    font-size: 26px;
  }
  #loss-context.loss-refined .loss-figures > div:nth-child(3) dd {
    font-size: 22px;
  }
  #loss-context.loss-refined .loss-slider-label {
    display: block;
  }
  #loss-context.loss-refined .loss-slider-label span {
    display: block;
    margin-top: 5px;
  }
}
@media (max-width: 760px) {
  #loss-context.loss-refined .loss-demo {
    grid-template-columns: 1fr;
    gap: 0;
  }
  #loss-context.loss-refined .loss-demo-heading {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 18px 0;
    gap: 10px;
  }
  #loss-context.loss-refined .loss-demo-heading h3 {
    font-size: 16px;
  }
  #loss-context.loss-refined .loss-figures {
    padding: 0;
  }
  #loss-context.loss-refined .loss-figures > div {
    padding: 20px 0 20px 20px;
  }
  #loss-context.loss-refined .loss-figures dd {
    font-size: 29px;
    margin: 8px 0;
  }
  #loss-context.loss-refined .loss-figures > div:nth-child(3) dd {
    font-size: 26px;
  }
  #loss-context.loss-refined .loss-figures p {
    max-width: none;
  }
  #loss-context.loss-refined .loss-explorer {
    margin-top: 12px;
    padding: 24px 18px 16px;
    border-radius: 20px 6px 20px 6px;
  }
  #loss-context.loss-refined .loss-copy p {
    font-size: 16px;
  }
  #loss-context.loss-refined .loss-readout p {
    font-size: 16px;
  }
  #loss-context.loss-refined .loss-readout strong {
    font-size: 18px;
  }
}
@media (max-width: 360px) {
  #loss-context.loss-refined .loss-figures > div:nth-child(3) dd {
    font-size: 23px;
  }
  #loss-context.loss-refined .loss-explorer {
    padding-left: 12px;
    padding-right: 12px;
  }
}
#main #custody.architecture-refined .a51-intro {
  display: block;
  text-align: left;
  max-width: 820px;
  margin: 0 0 38px;
}
#main #custody.architecture-refined .a51-intro h2 {
  text-align: left;
}
#main #custody.architecture-refined .a51-intro p {
  margin: 22px 0 0;
  max-width: 740px;
  text-align: left;
  justify-self: start;
}
#main #custody.architecture-refined .s43-sources {
  padding: 26px 0 32px;
  border: 0;
  border-top: 1px solid #a7c4d8;
  border-bottom: 1px solid #a7c4d8;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
#main #custody.architecture-refined .deployment-sources {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 38px;
  align-items: start;
}
#main #custody.architecture-refined .s41-source-picker {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start;
  margin: 0;
}
#main #custody.architecture-refined .s41-source-picker button {
  justify-content: flex-start;
  min-width: 0;
  min-height: 62px;
  padding: 13px 16px;
  gap: 12px;
  border-radius: 12px;
  background: #f5faffaa;
  color: #2c506b;
  border: 1px solid #abc7db;
  box-shadow: 0 5px 12px -9px #22496d55;
  transition:
    background 0.18s,
    border-color 0.18s,
    box-shadow 0.18s;
}
#main
  #custody.architecture-refined
  .s41-source-picker
  button[aria-pressed="true"] {
  background: linear-gradient(120deg, #20455f, #112c43);
  color: #edf8ff;
  border-color: #32658a;
  box-shadow:
    inset 4px 0 #72c6f2,
    0 8px 20px -10px #173d6977;
}
#main #custody.architecture-refined .s41-source-picker button:hover {
  border-color: #327fab;
}
#main #custody.architecture-refined .s43-details {
  grid-template-columns: 1.1fr 1fr;
  border: 0;
  padding: 0;
  gap: 36px;
}
#main #custody.architecture-refined .s43-source {
  padding: 5px 0 0;
}
#main #custody.architecture-refined .s43-source h3,
#main #custody.architecture-refined .s43-scan h3 {
  font-size: 22px;
  line-height: 1.4;
}
#main #custody.architecture-refined .s43-source li {
  font-size: 15px;
}
#main #custody.architecture-refined .s43-source li::before {
  transform: none;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background: #3d93c4;
  box-shadow: 0 0 0 4px #3d93c411;
}
#main #custody.architecture-refined .s43-scan {
  padding: 5px 0 0 30px;
  border-left: 1px solid #a7c4d899;
  border-top: 0;
}
#main #custody.architecture-refined .s43-scan h3 br {
  display: block;
}
#main #custody.architecture-refined .s43-scan-step {
  padding-left: 24px;
  padding-bottom: 21px;
  border-left: 1px solid #8cb9d7;
}
#main #custody.architecture-refined .s43-scan-step:last-child {
  padding-bottom: 0;
  border-color: transparent;
}
#main #custody.architecture-refined .s43-scan-step strong {
  color: #175c88;
}
#main #custody.architecture-refined .s43-scan-step p {
  font-size: 15px;
  line-height: 1.7;
}
#main #custody.architecture-refined .a51-tabs {
  display: flex;
  width: fit-content;
  max-width: 100%;
  gap: 5px;
  padding: 5px;
  border: 1px solid #a6c2d7;
  border-radius: 30px;
  background: #dce9f2aa;
  margin: 32px 0 0;
}
#main #custody.architecture-refined .a51-tabs button {
  border: 0;
  padding: 12px 22px;
  border-radius: 24px;
  min-height: 48px;
  font-size: 16px;
  color: #385d79;
  transition:
    background 0.18s,
    color 0.18s,
    box-shadow 0.18s;
}
#main #custody.architecture-refined .a51-tabs button[aria-selected="true"] {
  background: #fcfeff;
  color: #155d88;
  box-shadow: 0 3px 10px #16375016;
}
#main #custody.architecture-refined .a51-canvas {
  padding-top: 32px;
  min-height: 0;
}
#main #custody.architecture-refined .a51-map {
  grid-template-columns: minmax(0, 1.5fr) minmax(190px, 0.8fr) minmax(0, 1fr);
  align-items: center;
  gap: 38px;
}
#main #custody.architecture-refined .a51-customer {
  padding: 28px;
  border: 1px solid #527891;
  border-radius: 28px 8px 28px 8px;
  background:
    radial-gradient(ellipse at 0% 0%, #345c7c99, transparent 65%),
    linear-gradient(135deg, #182e43, #0c2033);
  box-shadow: 0 19px 38px -26px #0c304d99;
}
#main #custody.architecture-refined .a51-boundary-title {
  padding-bottom: 18px;
  margin-bottom: 24px;
  border-bottom: 1px solid #739ab544;
}
#main #custody.architecture-refined .a51-customer h3,
#main #custody.architecture-refined .a51-customer h4 {
  color: #e2f3ff;
}
#main #custody.architecture-refined .a51-customer p {
  color: #b4d0e3;
}
#main #custody.architecture-refined .a51-customer svg {
  color: #8bd3fa;
  stroke: #8bd3fa;
}
#main #custody.architecture-refined .a51-core {
  box-shadow:
    0 0 0 8px #73beec15,
    0 0 36px #6bbcf22b;
}
#main #custody.architecture-refined .a51-fork {
  margin-bottom: 0;
}
#main #custody.architecture-refined .a51-stores {
  gap: 14px;
}
#main #custody.architecture-refined .a51-stores > div {
  padding: 17px 8px 14px;
  border-radius: 12px;
  background: linear-gradient(130deg, #36648766, #1c3c5366);
  border: 1px solid #6391b33d;
}
#main #custody.architecture-refined .a51-stores > div:last-child {
  background: linear-gradient(130deg, #514d7266, #242e4766);
  border-color: #9890ba55;
}
#main #custody.architecture-refined .a51-stores > div:last-child svg {
  stroke: #c7bedf;
}
#main #custody.architecture-refined .a51-stores h4 {
  font-size: 16px;
}
#main #custody.architecture-refined .a51-stores p {
  font-size: 13px;
  line-height: 1.6;
}
#main #custody.architecture-refined .a51-relay-icon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 20%, #f8fcff, #bcdbec);
  box-shadow:
    0 0 0 9px #a0c9e025,
    0 9px 20px -13px #2b668e;
}
#main #custody.architecture-refined .a51-relay strong {
  font-size: 14px;
  line-height: 1.6;
}
#main #custody.architecture-refined .a51-link {
  width: calc(50% + 4px);
  right: calc(50% + 34px);
  top: 34px;
}
#main #custody.architecture-refined .a51-link-end {
  right: auto;
  left: calc(50% + 34px);
}
#main #custody.architecture-refined .a51-browser {
  background: linear-gradient(125deg, #fafdff, #d6e7f3);
  border: 1px solid #729ab8;
  box-shadow: 0 12px 28px -16px #234f7266;
}
#main #custody.architecture-refined .a51-browser-bar {
  background: #c1d9e9;
  border-color: #7d9fb866;
}
#main #custody.architecture-refined .a51-browser-bar i {
  background: #4d7896;
}
#main #custody.architecture-refined .a51-browser-body svg {
  stroke: #2678aa;
}
#main #custody.architecture-refined .a51-browser-body b {
  background: #739ab566;
}
#main #custody.architecture-refined .a51-browser-body b:first-child {
  background: #327da8;
}
#main #custody.architecture-refined .a51-explanation {
  display: block;
  max-width: 850px;
  margin: 30px 0 0;
  padding: 22px 0 0;
}
#main #custody.architecture-refined .a51-explanation h3 {
  font-size: 18px;
  margin: 0 0 10px;
  max-width: none;
}
#main #custody.architecture-refined .a51-explanation p {
  font-size: 15px;
  line-height: 1.7;
}
#main #custody.architecture-refined > .wrap > .section-caveat {
  font-size: 13px;
  margin-top: 18px;
}
#main #custody.architecture-refined .a51-pipeline {
  gap: 24px;
  margin: 4px 0 26px;
}
#main #custody.architecture-refined .a51-pipeline button {
  align-items: center;
  text-align: center;
  padding: 0 6px 15px;
  background: none;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  gap: 10px;
}
#main #custody.architecture-refined .a51-pipeline button > svg {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  padding: 18px;
  border: 1px solid #9bbbd2;
  border-radius: 50%;
  background: linear-gradient(130deg, #fcfeff, #d8e9f4);
  box-shadow: 0 0 0 6px #eef6fb;
  transition:
    background 0.18s,
    box-shadow 0.18s;
}
#main
  #custody.architecture-refined
  .a51-pipeline
  button[aria-pressed="true"]
  > svg {
  background: linear-gradient(135deg, #235578, #102c43);
  stroke: #abddfa;
  border-color: #3885b3;
  box-shadow:
    0 0 0 6px #c0e2f5,
    0 10px 22px -13px #17456c;
}
#main
  #custody.architecture-refined
  .a51-pipeline
  button[aria-pressed="true"]
  > span {
  color: #085d94;
}
#main
  #custody.architecture-refined
  .a51-pipeline
  button:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 36px;
  left: calc(50% + 43px);
  width: calc(100% - 62px);
  height: 1px;
  background: #97bcd5;
}
#main #custody.architecture-refined .a51-pipeline span {
  font-size: 18px;
}
#main #custody.architecture-refined .a51-pipeline small {
  font-size: 14px;
  color: #456882;
}
#main #custody.architecture-refined .a51-stage-detail {
  padding: 28px 38px;
  gap: 38px;
  grid-template-columns: 0.7fr 1.3fr;
  border-top: 1px solid #adc8da;
  border-bottom: 1px solid #adc8da;
  background: radial-gradient(ellipse at 20% 50%, #b7dcf366, transparent 65%);
}
#main #custody.architecture-refined .a51-stage-core {
  border-radius: 50%;
  transform: none;
  box-shadow:
    0 0 0 10px #76afd41a,
    0 14px 25px -18px #1c4c7188;
}
#main #custody.architecture-refined .a51-stage-core svg {
  transform: none;
}
#main #custody.architecture-refined .a51-stage-orbit {
  transform: none;
  box-shadow: 0 0 0 16px #458ec509;
  border-style: dashed;
}
#main #custody.architecture-refined .a51-stage-art span {
  background: none;
  border: 0;
  padding: 0;
  color: #315a78;
}
@media (max-width: 1050px) {
  #main #custody.architecture-refined .deployment-sources {
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 25px;
  }
  #main #custody.architecture-refined .s43-details {
    gap: 24px;
  }
  #main #custody.architecture-refined .s43-scan {
    padding-left: 24px;
  }
  #main #custody.architecture-refined .s41-source-picker button {
    padding: 12px 10px;
    font-size: 14px;
    gap: 8px;
  }
  #main #custody.architecture-refined .a51-map {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 30px;
  }
  #main #custody.architecture-refined .a51-review {
    grid-column: 2;
    display: block;
    margin-top: 0;
    text-align: center;
  }
  #main #custody.architecture-refined .a51-customer {
    grid-row: 1/3;
    padding: 25px 20px;
    align-self: start;
  }
  #main #custody.architecture-refined .a51-relay {
    align-self: start;
    padding-bottom: 0;
  }
  #main #custody.architecture-refined .a51-link {
    width: calc(50% - 4px);
  }
  #main #custody.architecture-refined .a51-link-end {
    display: block;
    left: 50%;
    right: auto;
    top: calc(100% + 6px);
    width: 1px;
    height: 18px;
  }
  #main #custody.architecture-refined .a51-link-end::after {
    top: auto;
    bottom: 0;
    left: -3px;
    transform: rotate(135deg);
  }
  #main #custody.architecture-refined .a51-link-end span {
    display: none;
  }
  #main #custody.architecture-refined .a51-browser {
    max-width: 230px;
    margin: 0 auto 18px;
  }
}
@media (max-width: 800px) {
  #main #custody.architecture-refined .deployment-sources {
    display: block;
  }
  #main #custody.architecture-refined .s41-source-picker {
    flex-direction: row;
    margin-bottom: 25px;
    gap: 10px;
  }
  #main #custody.architecture-refined .s41-source-picker button {
    flex: 1;
    justify-content: center;
  }
  #main #custody.architecture-refined .s43-source h3,
  #main #custody.architecture-refined .s43-scan h3 {
    font-size: 20px;
  }
}
@media (max-width: 650px) {
  #main #custody.architecture-refined .a51-intro {
    margin-bottom: 28px;
  }
  #main #custody.architecture-refined .s43-sources {
    padding: 22px 0 26px;
  }
  #main #custody.architecture-refined .s41-source-picker {
    gap: 8px;
  }
  #main #custody.architecture-refined .s41-source-picker button {
    flex-direction: column;
    gap: 7px;
    padding: 12px 6px;
    font-size: 13px;
    min-height: 76px;
  }
  #main #custody.architecture-refined .s41-source-picker img {
    width: 27px;
    height: 27px;
  }
  #main #custody.architecture-refined .s43-details {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  #main #custody.architecture-refined .s43-scan {
    padding: 22px 0 0;
    border-left: 0;
    border-top: 1px solid #accadd99;
  }
  #main #custody.architecture-refined .a51-tabs {
    margin-top: 28px;
    gap: 3px;
    padding: 4px;
  }
  #main #custody.architecture-refined .a51-tabs button {
    padding: 10px 13px;
    font-size: 14px;
  }
  #main #custody.architecture-refined .a51-map {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  #main #custody.architecture-refined .a51-customer {
    grid-row: auto;
    padding: 24px 18px;
  }
  #main #custody.architecture-refined .a51-stores {
    gap: 10px;
  }
  #main #custody.architecture-refined .a51-stores > div {
    padding-left: 5px;
    padding-right: 5px;
  }
  #main #custody.architecture-refined .a51-stores h4 {
    font-size: 14px;
  }
  #main #custody.architecture-refined .a51-boundary-title h3 {
    font-size: 15px;
  }
  #main #custody.architecture-refined .a51-relay {
    padding: 16px 0 16px 88px;
    text-align: left;
  }
  #main #custody.architecture-refined .a51-relay-icon {
    position: absolute;
    left: 0;
    top: 20px;
  }
  #main #custody.architecture-refined .a51-link {
    left: 34px;
    right: auto;
    top: -26px;
    width: 1px;
    height: 40px;
  }
  #main #custody.architecture-refined .a51-link-end {
    display: block;
    top: auto;
    bottom: -25px;
    height: 35px;
  }
  #main #custody.architecture-refined .a51-review {
    grid-column: auto;
    margin: 0;
    padding: 22px 0 0;
    text-align: left;
  }
  #main #custody.architecture-refined .a51-browser {
    width: 210px;
    max-width: 100%;
    margin: 0 0 20px;
  }
  #main #custody.architecture-refined .a51-pipeline {
    grid-template-columns: 1fr 1fr;
    gap: 20px 12px;
  }
  #main #custody.architecture-refined .a51-pipeline button {
    padding: 0 0 6px;
  }
  #main #custody.architecture-refined .a51-pipeline button::after {
    display: none !important;
  }
  #main #custody.architecture-refined .a51-pipeline span {
    font-size: 16px;
  }
  #main #custody.architecture-refined .a51-pipeline small {
    font-size: 13px;
  }
  #main #custody.architecture-refined .a51-stage-detail {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px 0;
  }
  #main #custody.architecture-refined .a51-stage-art {
    min-height: 175px;
  }
  #main #custody.architecture-refined .a51-stage-copy h3 {
    font-size: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #main #custody.architecture-refined button,
  #main #custody.architecture-refined .a51-pipeline button > svg {
    transition: none;
  }
  #main #custody.architecture-refined .a51-link span {
    animation: none;
  }
}

/* Shared website callout: icon, concise explanation, and one primary action. */
.website-callout {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  padding: 32px;
  color: #143852;
  background: linear-gradient(135deg, #ffffff, #f2f8fc);
  border: 1px solid #b9d0e3;
  border-radius: 24px;
  box-shadow: 0 12px 32px #1438520a, inset 0 1px #ffffff;
}
.website-callout-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  color: #126da6;
  background: linear-gradient(145deg, #eff9ff, #dceef9);
  border: 1px solid #c4dfef;
  border-radius: 16px;
}
.website-callout-icon svg { width: 28px; height: 28px; }
.website-callout-copy { min-width: 0; }
.website-callout .website-callout-eyebrow {
  margin: 0 0 10px;
  color: #126da6;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
}
.website-callout h2 {
  margin: 0 0 10px;
  color: #143852;
  font-size: clamp(24px, 2.2vw, 30px);
  font-weight: 550;
  letter-spacing: -.03em;
  line-height: 1.2;
  text-wrap: balance;
}
.website-callout-copy > p:last-child {
  max-width: 650px;
  margin: 0;
  color: #416077;
  font-size: 16px;
  line-height: 1.65;
}
.website-callout-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 48px;
  padding: 14px 22px;
  color: #ffffff;
  background: #174a6b;
  border: 1px solid #174a6b;
  border-radius: 999px;
  box-shadow: 0 4px 12px #14385212;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}
.website-callout-action:hover { color: #ffffff; background: #0f3954; border-color: #0f3954; }
.website-callout-action:focus-visible { outline: 2px solid #126da6; outline-offset: 4px; }
@media (max-width: 1000px) {
  .website-callout { grid-template-columns: auto minmax(0, 1fr); gap: 20px 24px; }
  .website-callout-action { grid-column: 2; justify-self: start; }
}
@media (max-width: 760px) {
  .website-callout { grid-template-columns: minmax(0, 1fr); padding: 24px; border-radius: 20px; }
  .website-callout-icon { display: none; }
  .website-callout-action { grid-column: 1; justify-self: stretch; white-space: normal; }
}

/* Current website styles. Preserve cascade order in build-website.mjs. */
#main #perspective .p70-layout {
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 90px;
  max-width: 1120px;
  align-items: center;
}
#main #perspective .p70-copy {
  grid-column: 1;
  grid-row: 1;
}
#main #perspective .p70-copy h2 {
  font-size: clamp(32px, 3.3vw, 46px);
  max-width: 650px;
  line-height: 1.18;
}
#main #perspective .p70-copy > p {
  font-size: 18px;
  line-height: 1.8;
  max-width: 590px;
}
#main #perspective .p70-portrait {
  grid-column: 2;
  grid-row: 1;
  width: 280px;
  padding: 0;
  border: 1px solid #82b5d466;
  border-radius: 100px 100px 18px 18px;
  background: none;
  box-shadow: 0 20px 55px -25px #000b;
}
#main #perspective .p70-portrait::before {
  inset: 16px -16px -16px 16px;
  border: 1px solid #90c9eb33;
  border-radius: 100px 100px 18px 18px;
  background: none;
}
#main #perspective .p70-portrait img {
  height: 330px;
  border-radius: 100px 100px 18px 18px;
  object-position: center 20%;
}
#main #perspective .p70-person {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 28px;
  padding-top: 25px;
  border-top: 1px solid #91bad744;
}
#main #perspective .p70-person h3 {
  font-size: 21px;
}
#main #perspective .p70-person p {
  font-size: 14px;
  line-height: 1.7;
}
#main #perspective .p70-experience {
  padding-left: 28px;
  border-left: 1px solid #91bad744;
}
#main #questions {
  max-width: 960px;
  padding-block: 76px;
}
#main #questions h2 {
  margin-bottom: 34px;
}
#main #questions .question-list {
  border: 0;
  max-width: none;
  width: 100%;
  margin: 0;
  display: block;
  background: none;
  overflow: visible;
}
#main #questions .question-list details {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  background: none;
  border: 1px solid transparent;
  border-bottom-color: #8faec266;
  padding: 0 22px;
  transition:
    background 0.18s ease,
    border-color 0.18s ease;
}
#main #questions .question-list details:first-child {
  border-top-color: #8faec266;
}
#main #questions .question-list summary {
  padding: 24px 0;
  font-size: 18px;
  line-height: 1.55;
  gap: 24px;
}
#main #questions .question-list summary > span {
  display: grid;
  place-items: center;
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #d9eaf5;
  color: #25617f;
  font-size: 21px;
  line-height: 1;
  transition:
    background 0.18s ease,
    color 0.18s ease;
}
#main #questions .question-list details:hover {
  background: #ffffff44;
}
#main #questions .question-list details[open] {
  border-color: #a0bfd366;
  background: linear-gradient(115deg, #ffffffc9, #ecf6fcaa);
  border-radius: 10px;
}
#main #questions .question-list details[open] summary {
  color: #124565;
}
#main #questions .question-list details[open] summary > span {
  background: #194765;
  color: #e6f6ff;
}
#main #questions .question-list details p {
  padding: 0 50px 14px 0;
  font-size: 16px;
  line-height: 1.8;
  color: #345b74;
  max-width: 810px;
}
#main #questions .question-list details p:last-child {
  padding-bottom: 26px;
}
#main #questions .question-list a {
  color: #116b9b;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#main #questions .question-list a:hover {
  color: #08476d;
}
#main #questions .question-list a:focus-visible {
  outline: 2px solid #1e759f;
  outline-offset: 3px;
}
#main #questions .question-list summary:focus-visible {
  outline: 2px solid #1e759f;
  outline-offset: 5px;
  border-radius: 4px;
}
#main #conversation .c32-layout {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 76px;
  max-width: 1200px;
}
#main #conversation .c32-copy > p {
  font-size: 18px;
  line-height: 1.8;
  max-width: 490px;
}
#main #conversation .c71-demo-topics {
  margin-top: 30px;
  padding: 0;
  max-width: 490px;
}
#main #conversation .c71-demo-topics li {
  position: relative;
  padding: 18px 0 18px 34px;
  border-top: 1px solid #80a6bf33;
  margin: 0;
}
#main #conversation .c71-demo-topics li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 26px;
  width: 10px;
  height: 6px;
  transform: rotate(-45deg);
  border-left: 2px solid #90d5fc;
  border-bottom: 2px solid #90d5fc;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
#main #conversation .c71-demo-topics strong {
  font-size: 17px;
  margin-bottom: 6px;
  color: #e6f5ff;
}
#main #conversation .c71-demo-topics span {
  font-size: 15px;
  line-height: 1.75;
  color: #bbd3e4;
}
#main #conversation .c32-form {
  padding: 34px;
  border: 1px solid #c5dceb;
  border-radius: 18px;
  background: linear-gradient(145deg, #f6fbff, #dceaf4);
  box-shadow: 0 22px 55px -22px #0009;
}
#main #conversation .c32-form h3 {
  color: #173f5a;
  font-size: 25px;
  line-height: 1.35;
  letter-spacing: -0.025em;
  margin: 0 0 13px;
}
#main #conversation .c32-form .c71-form-intro {
  color: #47677f;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 24px;
}
#main #conversation .c32-form label {
  color: #264e69;
  font-size: 14px;
  line-height: 1.6;
}
#main #conversation .c32-form .c59-optional {
  color: #536e81;
}
#main #conversation .c32-form input,
#main #conversation .c32-form textarea {
  color: #193e58;
  background: #f9fcff;
  border: 1px solid #6b899f;
  border-radius: 7px;
  box-shadow: 0 1px 2px #183a4f08;
  min-height: 48px;
  padding: 12px 14px;
  font-size: 16px;
  line-height: 1.5;
}
#main #conversation .c32-form input::placeholder,
#main #conversation .c32-form textarea::placeholder {
  color: #60788b;
  opacity: 1;
}
#main #conversation .c32-form input:focus,
#main #conversation .c32-form textarea:focus {
  outline: 2px solid #2583b5;
  outline-offset: 2px;
  border-color: #2583b5;
  box-shadow: none;
}
#main #conversation .c32-form .button {
  background: linear-gradient(115deg, #174d70, #0c304d);
  border: 1px solid #225677;
  color: #f0f8ff;
  min-height: 54px;
  box-shadow: 0 4px 10px #10324d1c;
  transition:
    background 0.18s ease,
    box-shadow 0.18s ease;
}
#main #conversation .c32-form .button:hover {
  background: linear-gradient(115deg, #22658d, #15466b);
  color: #fff;
  box-shadow: 0 5px 15px #10324d30;
  transform: none;
}
#main #conversation .c32-form .button:focus-visible {
  outline: 2px solid #2583b5;
  outline-offset: 4px;
}
#main #conversation .c32-form .form-preview-label {
  color: #4c6a80;
  font-size: 12px;
  line-height: 1.6;
  margin-top: 14px;
}
#main #conversation .c32-form .request-preview {
  background: #e1f0f8;
  border-color: #84aec8;
  color: #204b67;
}
#main #conversation .c32-form .request-preview strong,
#main #conversation .c32-form .request-preview p {
  color: #204b67;
}
@media (max-width: 1000px) {
  #main #perspective .p70-layout {
    gap: 48px;
    grid-template-columns: minmax(0, 1fr) 230px;
  }
  #main #perspective .p70-portrait {
    width: 230px;
  }
  #main #perspective .p70-portrait img {
    height: 290px;
  }
  #main #conversation .c32-layout {
    gap: 36px;
  }
  #main #conversation .c32-form {
    padding: 28px;
  }
}
@media (max-width: 900px) {
  #main #perspective .p70-layout {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 25px;
  }
  #main #perspective .p70-copy {
    display: contents;
  }
  #main #perspective .p70-copy h2 {
    grid-column: 1/-1;
    grid-row: 1;
    margin: 0;
  }
  #main #perspective .p70-copy > p {
    grid-column: 1/-1;
    grid-row: 2;
    margin: 0;
    font-size: 16px;
    max-width: 680px;
  }
  #main #perspective .p70-portrait {
    grid-column: 1;
    grid-row: 3;
    width: 120px;
    border-radius: 40px 40px 12px 12px;
  }
  #main #perspective .p70-portrait img {
    height: 156px;
    border-radius: 40px 40px 12px 12px;
  }
  #main #perspective .p70-portrait::before {
    inset: 8px -8px -8px 8px;
    border-radius: 40px 40px 12px 12px;
  }
  #main #perspective .p70-person {
    grid-column: 2;
    grid-row: 3;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
  }
  #main #perspective .p70-experience {
    margin-top: 12px;
    padding: 0;
    border: 0;
  }
}
@media (max-width: 760px) {
  #main #conversation .c32-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  #main #conversation .c32-copy > p,
  #main #conversation .c71-demo-topics {
    max-width: none;
  }
  #main #conversation .c71-demo-topics {
    margin-top: 24px;
  }
  #main #conversation .c71-demo-topics li {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  #main #conversation .c32-form {
    padding: 26px 22px;
  }
  #main #questions {
    padding-block: 52px;
  }
  #main #questions .question-list details {
    padding-inline: 15px;
  }
  #main #questions .question-list summary {
    font-size: 16px;
    gap: 15px;
    padding-block: 21px;
  }
  #main #questions .question-list details p {
    padding-right: 0;
    font-size: 15px;
    line-height: 1.75;
  }
}
@media (max-width: 360px) {
  #main #perspective .p70-layout {
    grid-template-columns: 95px minmax(0, 1fr);
    gap: 25px 20px;
  }
  #main #perspective .p70-portrait {
    width: 95px;
  }
  #main #perspective .p70-portrait img {
    height: 138px;
  }
  #main #perspective .p70-person h3 {
    font-size: 18px;
  }
  #main #perspective .p70-person p {
    font-size: 13px;
  }
  #main #conversation .c32-form {
    padding: 24px 18px;
  }
  #main #conversation .c32-form h3 {
    font-size: 23px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #main #questions .question-list details,
  #main #questions .question-list summary > span,
  #main #conversation .c32-form .button {
    transition: none;
  }
}
@media (max-width: 760px) {
  #main #conversation .c32-copy {
    display: contents;
  }
  #main #conversation .c32-copy > h1,
  #main #conversation .c32-copy > h2 {
    grid-row: 1;
    margin: 0;
  }
  #main #conversation .c32-copy > p {
    grid-row: 2;
    margin: 0;
    font-size: 17px;
  }
  #main #conversation .c32-form {
    grid-row: 3;
  }
  #main #conversation .c71-demo-topics {
    grid-row: 4;
    margin: 0;
  }
}

#main #questions .question-list details[open] summary > span {
  transform: none;
  font-size: 0;
}
#main #questions .question-list details[open] summary > span::after {
  content: "−";
  font-size: 21px;
}

/* Current website styles. Preserve cascade order in build-website.mjs. */
.s61-header {
  background: linear-gradient(110deg, #071625f5, #0c2033f2 65%, #123149ef);
  border-bottom-color: #7cc7f52b;
  box-shadow:
    0 8px 28px #01091424,
    inset 0 1px #caeaff0a;
}
.s61-header::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 4%,
    #82d4ff80 24%,
    #bceaff26 52%,
    transparent 86%
  );
  pointer-events: none;
}
.s61-bar .brand img {
  filter: drop-shadow(0 0 9px #5bbaff38);
}
.s61-nav a {
  position: relative;
}
.s61-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 1px;
  background: #91d7ff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
}
.s61-nav a:hover::after,
.s61-nav a:focus-visible::after {
  transform: scaleX(1);
}
.s61-contact {
  border: 1px solid #bce9ff99;
  border-radius: 10px;
  background: linear-gradient(135deg, #c9efff, #91d7ff);
  box-shadow:
    inset 0 1px #ffffffa0,
    0 3px 16px #57b9ff18;
  transition:
    box-shadow 180ms ease,
    filter 180ms ease;
}
.s61-contact:hover {
  background: linear-gradient(135deg, #dbf5ff, #a8e1ff);
  box-shadow:
    inset 0 1px #fff,
    0 4px 22px #57b9ff30;
}
@media (max-width: 760px) {
  .s61-header {
    background: linear-gradient(120deg, #071625f5, #0d263cf2);
  }
  .s61-menu {
    border-bottom: 1px solid #8bd6ff50;
  }
  .s61-menu span {
    transition: transform 180ms ease;
  }
  .s61-menu[aria-expanded="true"] span {
    transform: rotate(45deg);
  }
  .s61-mobile {
    padding-top: 6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .s61-nav a::after,
  .s61-contact,
  .s61-menu span {
    transition: none;
  }
}

/* Current website styles. Preserve cascade order in build-website.mjs. */
body.night .closing-v65 .questions-section .question-list details p {
  color: #365a70;
}
.s61-header a:focus-visible,
.s61-header button:focus-visible {
  outline: 2px solid #90d5fc;
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .question-list details,
  .question-list details * {
    animation: none !important;
    transition: none !important;
  }
}
#questions .question-list {
  border-top: 0;
  display: grid;
  gap: 6px;
}
#questions .question-list details {
  border: 1px solid transparent;
  border-bottom-color: #486a8430;
  border-radius: 12px;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}
#questions .question-list details[open] {
  background: linear-gradient(115deg, #f9fcffeb, #e3f0fad9);
  border-color: #9cbed780;
  box-shadow:
    inset 3px 0 #287cba,
    0 10px 28px -18px #163f6666;
}
#questions .question-list summary {
  padding: 18px 22px;
  min-height: 68px;
}
#questions .question-list summary > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex-basis: 28px;
  border: 1px solid #39759945;
  border-radius: 50%;
  font-size: 20px;
  transition:
    transform 180ms ease,
    background-color 180ms ease;
}
#questions .question-list details[open] summary {
  color: #124d76;
}
#questions .question-list details[open] summary > span {
  background: #cce6f7;
  transform: rotate(45deg);
}
#questions .question-list details p {
  padding: 0 66px 14px 22px;
  line-height: 1.75;
}
#questions .question-list details p:last-child {
  padding-bottom: 24px;
}
@media (prefers-reduced-motion: no-preference) {
  #questions .question-list details[open] p {
    animation: faq-answer-in 180ms ease-out;
  }
  @keyframes faq-answer-in {
    from {
      opacity: 0.5;
      transform: translateY(3px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
}
@media (max-width: 650px) {
  #questions .question-list summary {
    padding: 17px 14px;
    gap: 14px;
  }
  #questions .question-list details p {
    padding: 0 18px 14px 16px;
  }
  #questions .question-list details p:last-child {
    padding-bottom: 22px;
  }
}
.c32-layout > * {
  min-width: 0;
}
.walkthrough-form .button {
  white-space: normal;
  max-width: 100%;
  min-width: 0;
}
@media (max-width: 400px) {
  .walkthrough-form .button {
    padding: 15px 12px;
    font-size: 14px;
    gap: 8px;
  }
  .walkthrough-form h3 {
    overflow-wrap: break-word;
  }
}

/* Shared public-site footer. Keep all footer styling in this file. */
@font-face {
  font-family: DM;
  src: url("/website-assets/assets/dm-sans-latin-var.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}
.f61-footer a:focus-visible,
.f61-footer button:focus-visible {
  outline: 2px solid #9bdfff;
  outline-offset: 4px;
  border-radius: 4px;
}
.f61-footer {
  position: relative;
  color: #dceaf5;
  border-top: 1px solid #a4d8ff26;
  background: #051321 url("/website-assets/footer-optical-v61.png") center
    bottom/cover no-repeat;
  isolation: isolate;
}
.f61-footer:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    #051321e6,
    #051321c9 35%,
    #051321b8 70%,
    #051321d9
  );
}
.f61-inner {
  position: relative;
  z-index: 1;
  max-width: 1200px;
}
.f61-top {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 48px;
  padding: 50px 0 24px;
}
.f61-intro .f61-brand {
  color: #ecf7ff;
  font-size: 25px;
  gap: 12px;
  width: fit-content;
  min-height: 44px;
}
.f61-intro .f61-brand img {
  width: 44px;
  height: 44px;
}
.f61-intro p {
  font-size: 19px;
  line-height: 1.5;
  margin: 20px 0 14px;
  color: #e6f0f8;
}
.f61-parent {
  font-size: 14px;
  color: #c4d6e5;
}
.f61-links h2 {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 7px 0 13px;
  color: #f2f8ff;
  font-weight: 650;
}
.f61-links a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  width: fit-content;
  font-size: 16px;
  color: #dceaf5;
  line-height: 1.5;
}
.f61-footer a:hover {
  color: #a4e1ff;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.f61-bottom {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 14px 0 20px;
  border-top: 1px solid #8dcafa40;
  color: #c4d6e5;
}
.f61-bottom p {
  font-size: 14px;
  margin: 0;
}
.f61-bottom nav {
  display: flex;
  gap: 24px;
  margin-left: auto;
}
.f61-bottom a,
.f61-bottom button {
  font-size: 14px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: #dceaf5;
}
@media (max-width: 900px) {
  .f61-top {
    gap: 28px;
    grid-template-columns: 1.3fr 1fr 1fr;
  }
  .f61-intro {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .f61-intro p {
    margin: 0;
  }
  .f61-parent {
    margin-top: 12px;
  }
  .f61-top .f61-links {
    grid-column: auto;
  }
}
@media (max-width: 600px) {
  .f61-top {
    padding: 32px 0 15px;
    gap: 26px 20px;
    grid-template-columns: 1fr 1fr;
  }
  .f61-intro {
    display: block;
  }
  .f61-intro p {
    margin: 15px 0 12px;
    font-size: 18px;
  }
  .f61-top .f61-links:last-child {
    grid-column: 1/-1;
  }
  .f61-top .f61-links:last-child a {
    display: inline-flex;
    margin-right: 22px;
  }
  .f61-links h2 {
    margin: 0 0 8px;
  }
  .f61-bottom {
    flex-wrap: wrap;
    gap: 0 22px;
    padding: 12px 0;
  }
  .f61-bottom nav {
    margin-left: 0;
    gap: 22px;
  }
  .f61-bottom p {
    width: 100%;
    padding: 8px 0;
  }
}
/* Scoped foundation: this component also renders outside the standalone website. */
.f61-footer { font-family: DM, var(--font-dm-sans, Arial), sans-serif; font-size: 16px; line-height: 1.5; text-align: left; }
.f61-footer, .f61-footer *, .f61-footer *::before, .f61-footer *::after { box-sizing: border-box; }
.f61-footer a { text-decoration: none; transition: color 180ms ease; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.f61-footer .f61-inner { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
.f61-footer .f61-brand { display: inline-flex; align-items: center; font-weight: 650; letter-spacing: -1.05px; text-decoration: none; }
.f61-footer .f61-brand img { display: block; flex: 0 0 auto; max-width: 100%; }
@media (max-width: 1150px) { .f61-footer .f61-inner { width: calc(100% - 64px); } }
@media (max-width: 600px) { .f61-footer .f61-inner { width: calc(100% - 40px); } }
@media (prefers-reduced-motion: reduce) { .f61-footer a { transition: none; } }