body.accessibility-page {
  background:#071724;
  color:#0b1f31;
  overflow-x:hidden;
}

.accessibility-page .overlay.overlay-global,
.accessibility-page .overlay.overlay-global .overlay-global-color {
  display:none !important;
}

.accessibility-page .site-navbar {
  background:rgba(5,19,31,.9);
  border-bottom:1px solid rgba(104,223,232,.14);
  backdrop-filter:blur(18px);
}

.accessibility-page .navbar .navbar-nav .active > .nav-link:before,
.accessibility-page .navbar .navbar-nav .nav-link.active:before {
  opacity:0;
}

.accessibility-main,
.accessibility-section,
.accessibility-hero,
.accessibility-final {
  position:relative;
  overflow:hidden;
}

.accessibility-main {
  background:#f4fbfd;
}

.accessibility-main *,
.accessibility-main *::before,
.accessibility-main *::after {
  box-sizing:border-box;
}

.accessibility-main a:focus-visible,
.accessibility-main button:focus-visible {
  outline:3px solid #ffb25a;
  outline-offset:4px;
}

.accessibility-hero {
  padding:clamp(7.2rem, 11vw, 10.5rem) 0 clamp(4.25rem, 7vw, 6.5rem);
  color:#f8fcff;
  background:
    radial-gradient(circle at 16% 10%, rgba(0,201,216,.27), transparent 28rem),
    radial-gradient(circle at 90% 16%, rgba(255,122,0,.15), transparent 26rem),
    linear-gradient(rgba(94,229,238,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(94,229,238,.045) 1px, transparent 1px),
    linear-gradient(135deg, #062d3a 0%, #071724 48%, #0b1118 100%);
  background-size:auto, auto, 6rem 6rem, 6rem 6rem, auto;
}

.accessibility-hero::before,
.accessibility-final::before,
.accessibility-section-dark::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg, transparent 0 60%, rgba(255,122,0,.08) 60% 61%, transparent 61%),
    repeating-radial-gradient(circle at 22% 24%, rgba(94,229,238,.12) 0 1px, transparent 1px 13px);
  opacity:.42;
  pointer-events:none;
}

.accessibility-hero .container,
.accessibility-section .container,
.accessibility-final .container {
  position:relative;
  z-index:1;
}

.accessibility-hero-grid,
.accessibility-split,
.accessibility-process-grid,
.accessibility-feedback-panel,
.accessibility-final-panel {
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(360px, .88fr);
  gap:clamp(2rem, 4.5vw, 5rem);
  align-items:center;
}

.accessibility-hero-copy {
  max-width:860px;
}

.accessibility-eyebrow {
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:.44rem .78rem;
  border:1px solid rgba(94,229,238,.48);
  border-radius:999px;
  background:rgba(0,201,216,.12);
  color:#baffff;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;
}

.accessibility-eyebrow-light {
  border-color:rgba(0,126,139,.24);
  background:linear-gradient(135deg, rgba(124,245,255,.42), rgba(255,255,255,.78));
  color:#006b76;
  box-shadow:0 .9rem 1.8rem rgba(0,119,130,.08);
}

.accessibility-hero h1,
.accessibility-section h2,
.accessibility-final h2 {
  margin:.85rem 0 1rem;
  font-family:var(--display, Inter, system-ui, sans-serif);
  font-weight:900;
  letter-spacing:0;
  line-height:1.01;
}

.accessibility-hero h1 {
  max-width:12ch;
  color:#fff;
  font-size:clamp(3.25rem, 7vw, 6.65rem);
  line-height:.91;
}

.accessibility-section h2,
.accessibility-final h2 {
  color:#071724;
  font-size:clamp(2.2rem, 4vw, 4.35rem);
}

.accessibility-section-dark h2,
.accessibility-final h2 {
  color:#fff;
}

.accessibility-updated {
  margin:.2rem 0 1.2rem;
  color:#9ff8ff;
  font-weight:900;
}

.accessibility-lede,
.accessibility-section-copy p,
.accessibility-section-title p,
.accessibility-final p {
  font-size:clamp(1.02rem, 1.3vw, 1.2rem);
  line-height:1.68;
}

.accessibility-lede {
  max-width:760px;
  color:#e7f8fb;
  font-weight:800;
}

.accessibility-section-copy p,
.accessibility-section-title p {
  color:#30475c;
}

.accessibility-section-dark .accessibility-section-copy p,
.accessibility-final p {
  color:#d7eaf0;
}

.accessibility-actions {
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  align-items:center;
  margin-top:1.6rem;
}

.accessibility-btn,
.accessibility-link-arrow {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.35rem;
  max-width:100%;
  border-radius:1rem;
  font-weight:900;
  line-height:1.15;
  text-align:center;
  text-decoration:none;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.accessibility-btn {
  padding:.9rem 1.25rem;
  border:1px solid rgba(255,255,255,.18);
}

.accessibility-btn-primary {
  background:linear-gradient(135deg, #7bf5ff, #31c7d6);
  color:#06131c;
  box-shadow:0 1.2rem 2.6rem rgba(0,201,216,.24);
}

.accessibility-btn-secondary {
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.3);
  color:#fff;
}

.accessibility-btn-secondary-light {
  background:#fff;
  border-color:rgba(0,126,139,.24);
  color:#006f78;
  box-shadow:0 .8rem 1.8rem rgba(7,23,36,.07);
}

.accessibility-link-arrow {
  padding:.4rem .1rem;
  color:#77f5ff;
}

.accessibility-btn:hover,
.accessibility-link-arrow:hover {
  transform:translateY(-2px);
  text-decoration:none;
}

.accessibility-btn-secondary:hover {
  background:rgba(255,255,255,.15);
  color:#fff;
}

.accessibility-btn-secondary-light:hover {
  background:#e9fbfd;
  color:#005f68;
}

.accessibility-chip-list {
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin:1.8rem 0 0;
  padding:0;
  list-style:none;
}

.accessibility-chip-list li {
  display:inline-flex;
  align-items:center;
  min-height:2.2rem;
  max-width:100%;
  padding:.48rem .74rem;
  border:1px solid rgba(94,229,238,.32);
  border-radius:999px;
  background:rgba(94,229,238,.1);
  color:#efffff;
  font-size:.84rem;
  font-weight:900;
  line-height:1.18;
}

.accessibility-chip-list li::before {
  content:"";
  flex:0 0 .45rem;
  width:.45rem;
  height:.45rem;
  margin-right:.46rem;
  border-radius:999px;
  background:#5ee5ee;
  box-shadow:0 0 0 .25rem rgba(94,229,238,.14);
}

.accessibility-visual {
  position:relative;
  min-width:0;
}

.accessibility-device-frame {
  position:relative;
  overflow:hidden;
  width:100%;
  border:1px solid rgba(94,229,238,.3);
  border-radius:2rem;
  background:
    linear-gradient(rgba(94,229,238,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(94,229,238,.06) 1px, transparent 1px),
    linear-gradient(145deg, rgba(0,201,216,.18), rgba(255,255,255,.035) 54%, rgba(255,122,0,.11));
  background-size:4.5rem 4.5rem, 4.5rem 4.5rem, auto;
  box-shadow:0 2.2rem 5rem rgba(0,0,0,.34);
}

.accessibility-device-top {
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:1.2rem 1.35rem;
  border-bottom:1px solid rgba(94,229,238,.22);
  background:rgba(5,18,27,.78);
}

.accessibility-device-top span,
.accessibility-device-top strong {
  color:#fff;
  font-weight:900;
}

.accessibility-device-top span {
  color:#a5faff;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.accessibility-mobile-screen {
  display:grid;
  gap:1rem;
  padding:clamp(1.2rem, 3vw, 1.7rem);
}

.accessibility-screen-card,
.accessibility-proof-stack div,
.accessibility-priority-card,
.accessibility-contact-card,
.accessibility-report-card {
  border:1px solid rgba(94,229,238,.24);
  border-radius:1.25rem;
  background:rgba(4,18,28,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.accessibility-screen-card {
  padding:1.25rem;
}

.accessibility-screen-card span,
.accessibility-process-node span,
.accessibility-contact-card dt,
.accessibility-report-card h3 {
  color:#6ff3ff;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.accessibility-screen-card span {
  font-size:.74rem;
}

.accessibility-screen-title {
  display:block;
  margin:.55rem 0 .65rem;
  color:#fff;
  font-size:clamp(1.45rem, 2.4vw, 2.15rem);
  font-weight:900;
  line-height:1.05;
}

.accessibility-screen-card p {
  margin:0;
  color:#d9ecf3;
  line-height:1.58;
}

.accessibility-control-row {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.65rem;
}

.accessibility-control-row span {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:3rem;
  border:1px solid rgba(94,229,238,.28);
  border-radius:999px;
  background:rgba(94,229,238,.12);
  color:#efffff;
  font-weight:900;
}

.accessibility-proof-stack {
  display:grid;
  gap:.7rem;
}

.accessibility-proof-stack div {
  display:flex;
  gap:.65rem;
  align-items:center;
  padding:.8rem .95rem;
}

.accessibility-proof-stack span,
.accessibility-check-grid span {
  flex:0 0 .6rem;
  width:.6rem;
  height:.6rem;
  border-radius:999px;
  background:#5ee5ee;
  box-shadow:0 0 0 .28rem rgba(94,229,238,.14);
}

.accessibility-proof-stack strong {
  color:#fff;
}

.accessibility-section {
  padding:clamp(4.8rem, 8vw, 7.5rem) 0;
}

.accessibility-section-light {
  background:
    radial-gradient(circle at 8% 8%, rgba(94,229,238,.24), transparent 25rem),
    linear-gradient(135deg, #f8fcfd, #eef9fc 64%, #fff);
}

.accessibility-section-soft {
  background:
    linear-gradient(rgba(0,119,130,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,119,130,.04) 1px, transparent 1px),
    #f3fbfd;
  background-size:5rem 5rem, 5rem 5rem, auto;
}

.accessibility-section-dark,
.accessibility-final {
  color:#f8fcff;
  background:
    radial-gradient(circle at 12% 14%, rgba(0,201,216,.2), transparent 28rem),
    radial-gradient(circle at 86% 10%, rgba(255,122,0,.13), transparent 28rem),
    linear-gradient(135deg, #062d3a, #071724 50%, #0b1118);
}

.accessibility-section-copy {
  max-width:760px;
}

.accessibility-section-title {
  max-width:920px;
  margin-bottom:clamp(2rem, 4vw, 3.2rem);
}

.accessibility-section-title-centered {
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}

.accessibility-entity-card {
  padding:clamp(1.45rem, 3vw, 2rem);
  border:1px solid rgba(0,126,139,.16);
  border-radius:1.5rem;
  background:#fff;
  box-shadow:0 1.6rem 4rem rgba(7,23,36,.1);
}

.accessibility-entity-card span {
  color:#007b86;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.accessibility-entity-card h3 {
  margin:.6rem 0 .75rem;
  color:#071724;
  font-size:clamp(1.45rem, 2.2vw, 2.15rem);
  font-weight:900;
  line-height:1.12;
}

.accessibility-entity-card p {
  margin:0;
  color:#32495e;
  line-height:1.62;
}

.accessibility-card-grid {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}

.accessibility-card-grid article {
  min-height:15rem;
  padding:1.35rem;
  border:1px solid rgba(94,229,238,.2);
  border-radius:1.35rem;
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}

.accessibility-card-grid article > span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.6rem;
  height:2.6rem;
  margin-bottom:1rem;
  border-radius:999px;
  background:#6ff3ff;
  color:#06131c;
  font-weight:900;
}

.accessibility-card-grid h3,
.accessibility-priority-card h3,
.accessibility-two-column h3,
.accessibility-contact-card h3 {
  margin:0 0 .75rem;
  color:#fff;
  font-size:clamp(1.25rem, 1.7vw, 1.6rem);
  line-height:1.12;
}

.accessibility-card-grid p {
  margin:0;
  color:#d9ecf3;
  line-height:1.62;
}

.accessibility-process-grid {
  grid-template-columns:minmax(0, .8fr) minmax(420px, 1.1fr);
  align-items:start;
}

.accessibility-process-panel {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.85rem;
  margin-top:1.6rem;
}

.accessibility-process-node {
  min-height:8.25rem;
  padding:1rem;
  border:1px solid rgba(0,126,139,.16);
  border-radius:1.2rem;
  background:
    radial-gradient(circle at 88% 12%, rgba(94,229,238,.22), transparent 8rem),
    #fff;
  box-shadow:0 1.2rem 3rem rgba(7,23,36,.08);
}

.accessibility-process-node strong {
  display:block;
  margin-bottom:.35rem;
  color:#071724;
  font-size:1.15rem;
}

.accessibility-process-node span {
  display:block;
  font-size:.72rem;
  line-height:1.35;
}

.accessibility-check-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.75rem;
}

.accessibility-check-grid article {
  display:flex;
  gap:.75rem;
  align-items:flex-start;
  min-height:4.85rem;
  padding:1rem;
  border:1px solid rgba(0,126,139,.16);
  border-radius:1rem;
  background:#fff;
  box-shadow:0 1rem 2.4rem rgba(7,23,36,.055);
}

.accessibility-check-grid p {
  margin:0;
  color:#173149;
  font-weight:800;
  line-height:1.42;
}

.accessibility-proof-preview {
  margin-top:clamp(1.2rem, 3vw, 2rem);
  padding:clamp(1.15rem, 3vw, 1.7rem);
  border:1px solid rgba(0,126,139,.16);
  border-radius:1.55rem;
  background:
    linear-gradient(rgba(0,119,130,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,119,130,.045) 1px, transparent 1px),
    linear-gradient(135deg, #ffffff, #effcff);
  background-size:4rem 4rem, 4rem 4rem, auto;
  box-shadow:0 1.5rem 3.8rem rgba(7,23,36,.09);
}

.accessibility-proof-preview-header {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding-bottom:1rem;
  border-bottom:1px solid rgba(0,126,139,.14);
}

.accessibility-proof-preview-header span {
  color:#007785;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.accessibility-proof-preview-header strong {
  color:#071724;
  font-size:clamp(1.35rem, 2vw, 1.75rem);
  line-height:1.1;
}

.accessibility-proof-preview-grid {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:.85rem;
  margin-top:1rem;
}

.accessibility-proof-preview-grid div {
  min-height:8rem;
  padding:1rem;
  border:1px solid rgba(0,126,139,.16);
  border-radius:1rem;
  background:rgba(255,255,255,.86);
}

.accessibility-proof-preview-grid div > span {
  display:block;
  width:.7rem;
  height:.7rem;
  margin-bottom:.85rem;
  border-radius:999px;
  background:#24c7d3;
  box-shadow:0 0 0 .25rem rgba(36,199,211,.14);
}

.accessibility-proof-preview-grid strong {
  display:block;
  color:#071724;
  font-size:1rem;
  line-height:1.16;
}

.accessibility-proof-preview-grid p {
  margin:.5rem 0 0;
  color:#30475c;
  font-weight:800;
  line-height:1.42;
}

.accessibility-two-column {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.accessibility-two-column article {
  padding:clamp(1.3rem, 3vw, 1.9rem);
  border:1px solid rgba(0,126,139,.16);
  border-radius:1.45rem;
  background:#fff;
  box-shadow:0 1.4rem 3.5rem rgba(7,23,36,.08);
}

.accessibility-two-column h3 {
  color:#071724;
}

.accessibility-two-column ul,
.accessibility-priority-card ul,
.accessibility-report-card ul {
  display:grid;
  gap:.65rem;
  margin:0;
  padding:0;
  list-style:none;
}

.accessibility-two-column li,
.accessibility-priority-card li,
.accessibility-report-card li {
  position:relative;
  padding-left:1.3rem;
  color:#30475c;
  font-weight:800;
  line-height:1.45;
}

.accessibility-two-column li::before,
.accessibility-priority-card li::before,
.accessibility-report-card li::before {
  content:"";
  position:absolute;
  top:.58em;
  left:0;
  width:.45rem;
  height:.45rem;
  border-radius:999px;
  background:#24c7d3;
  box-shadow:0 0 0 .22rem rgba(36,199,211,.12);
}

.accessibility-split-dark {
  align-items:start;
}

.accessibility-priority-card {
  padding:clamp(1.35rem, 3vw, 1.9rem);
}

.accessibility-priority-card li {
  color:#e8f7fa;
}

.accessibility-feedback-panel {
  align-items:start;
  padding:clamp(1.35rem, 3.5vw, 2.4rem);
  border:1px solid rgba(0,126,139,.16);
  border-radius:1.8rem;
  background:
    radial-gradient(circle at 88% 12%, rgba(94,229,238,.22), transparent 20rem),
    #fff;
  box-shadow:0 1.8rem 4.5rem rgba(7,23,36,.11);
}

.accessibility-contact-card {
  padding:1.35rem;
  background:linear-gradient(145deg, #082637, #071724);
}

.accessibility-contact-card h3 {
  color:#fff;
}

.accessibility-contact-card dl {
  display:grid;
  gap:.9rem;
  margin:0;
}

.accessibility-contact-card div {
  padding:.85rem;
  border:1px solid rgba(94,229,238,.18);
  border-radius:1rem;
  background:rgba(255,255,255,.055);
}

.accessibility-contact-card dt {
  margin-bottom:.25rem;
  font-size:.72rem;
}

.accessibility-contact-card dd {
  margin:0;
  color:#f2fdff;
  font-weight:900;
  word-break:break-word;
}

.accessibility-contact-card a {
  color:#7bf5ff;
}

.accessibility-report-card {
  margin-top:1rem;
  padding:1.35rem;
  background:#fff;
  box-shadow:0 1.2rem 3rem rgba(7,23,36,.07);
}

.accessibility-report-card h3 {
  margin:0 0 1rem;
  font-size:.78rem;
}

.accessibility-report-card ul {
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:.85rem;
}

.accessibility-report-card li {
  color:#173149;
}

.accessibility-link-grid {
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:.85rem;
}

.accessibility-link-grid a {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:9rem;
  padding:1.15rem;
  border:1px solid rgba(0,126,139,.16);
  border-radius:1.25rem;
  background:#fff;
  color:#071724;
  text-decoration:none;
  box-shadow:0 1.2rem 3rem rgba(7,23,36,.075);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.accessibility-link-grid a:hover {
  transform:translateY(-2px);
  border-color:rgba(0,126,139,.34);
  box-shadow:0 1.6rem 3.6rem rgba(7,23,36,.11);
}

.accessibility-link-grid span {
  color:#007785;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.accessibility-link-grid strong {
  color:#071724;
  font-size:1.05rem;
  line-height:1.2;
}

.accessibility-final {
  padding:clamp(4.8rem, 8vw, 7.5rem) 0;
}

.accessibility-final-panel {
  align-items:center;
  padding:clamp(1.5rem, 4vw, 3rem);
  border:1px solid rgba(94,229,238,.24);
  border-radius:2rem;
  background:rgba(255,255,255,.065);
  box-shadow:0 2.2rem 5rem rgba(0,0,0,.26);
}

.accessibility-final-panel h2 {
  margin-top:.8rem;
}

.accessibility-final-actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.85rem;
}

@media (max-width:1199px) {
  .accessibility-hero-grid,
  .accessibility-split,
  .accessibility-process-grid,
  .accessibility-feedback-panel,
  .accessibility-final-panel {
    grid-template-columns:1fr;
  }

  .accessibility-hero h1 {
    max-width:14ch;
  }

  .accessibility-card-grid,
  .accessibility-link-grid {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .accessibility-proof-preview-grid {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .accessibility-report-card ul {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .accessibility-final-actions {
    justify-content:flex-start;
  }
}

@media (max-width:767px) {
  .accessibility-hero {
    padding:6.7rem 0 4rem;
  }

  .accessibility-hero h1,
  .accessibility-section h2,
  .accessibility-final h2 {
    font-size:clamp(2.45rem, 12vw, 4.3rem);
    line-height:.98;
  }

  .accessibility-lede,
  .accessibility-section-copy p,
  .accessibility-section-title p,
  .accessibility-final p {
    font-size:1rem;
  }

  .accessibility-actions,
  .accessibility-final-actions {
    flex-direction:column;
    align-items:stretch;
  }

  .accessibility-btn,
  .accessibility-link-arrow {
    width:100%;
  }

  .accessibility-card-grid,
  .accessibility-check-grid,
  .accessibility-two-column,
  .accessibility-link-grid,
  .accessibility-report-card ul,
  .accessibility-process-panel,
  .accessibility-proof-preview-grid {
    grid-template-columns:1fr;
  }

  .accessibility-card-grid article {
    min-height:auto;
  }

  .accessibility-control-row {
    grid-template-columns:1fr;
  }

  .accessibility-device-top {
    flex-direction:column;
  }
}

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