/* =========================================================
   WEBSDOCS RTC — CONTROL CENTER
   COMPLETE SECTION CSS
   Append to rtc.css after Website Health.
========================================================= */

.rtc-control-center,
.rtc-control-center * {
  box-sizing: border-box;
}

.rtc-control-center {
  --control-bg: #08131f;
  --control-bg-2: #0d2235;
  --control-panel: #ffffff;
  --control-panel-soft: #f5f8fa;
  --control-ink: #10253a;
  --control-text: #314b63;
  --control-muted: #6f8497;
  --control-line: #c7d3dd;
  --control-line-dark: #29445c;
  --control-blue: #6cb6ec;
  --control-mint: #76ddc0;
  --control-amber: #e6bc69;
  --control-violet: #a68ae6;
  --control-red: #dc6d7f;
  --control-white: #ffffff;

  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: hidden;
  padding: clamp(82px, 7vw, 148px) 0;
  border-top: 1px solid #203a51;
  border-bottom: 1px solid #203a51;
  color: #dbe8f3;
  background:
    linear-gradient(rgba(255, 255, 255, 0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.032) 1px, transparent 1px),
    radial-gradient(circle at 6% 0%, rgba(108, 182, 236, 0.14), transparent 31%),
    radial-gradient(circle at 95% 10%, rgba(118, 221, 192, 0.10), transparent 27%),
    var(--control-bg);
  background-size: 72px 72px, 72px 72px, auto, auto, auto;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rtc-control-center__ambient {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.rtc-control-center__ambient::before,
.rtc-control-center__ambient::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.rtc-control-center__ambient::before {
  width: 520px;
  height: 520px;
  top: 12%;
  left: -280px;
  border: 1px solid rgba(108, 182, 236, 0.18);
  box-shadow:
    0 0 0 75px rgba(108, 182, 236, 0.025),
    0 0 0 155px rgba(108, 182, 236, 0.016);
}

.rtc-control-center__ambient::after {
  width: 450px;
  height: 450px;
  right: -235px;
  bottom: 8%;
  border: 1px solid rgba(118, 221, 192, 0.17);
  box-shadow:
    0 0 0 65px rgba(118, 221, 192, 0.022),
    0 0 0 140px rgba(118, 221, 192, 0.014);
}

.rtc-control-center__shell {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: clamp(18px, 4.5vw, 150px);
}

/* Header */

.rtc-control-center__head {
  max-width: 1660px;
}

.rtc-control-center__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 8px 11px;
  border: 1px solid #35536d;
  border-radius: 999px;
  color: #9ed0ef;
  background: rgba(12, 36, 57, 0.76);
  font-size: 0.7rem;
  font-weight: 820;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.rtc-control-center__eyebrow i {
  color: var(--control-mint);
}

.rtc-control-center__eyebrow strong {
  padding-left: 10px;
  border-left: 1px solid #35536d;
  color: var(--control-mint);
  font-weight: 820;
}

.rtc-control-center__head h2 {
  max-width: 1580px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.8rem, 5.5vw, 7.4rem);
  font-weight: 700;
  letter-spacing: -0.065em;
  line-height: 0.94;
  text-wrap: balance;
}

.rtc-control-center__head h2 span {
  display: block;
  color: #8ed8dd;
}

.rtc-control-center__lead-grid {
  display: grid;
  max-width: 1500px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 80px);
  margin-top: clamp(26px, 3vw, 48px);
}

.rtc-control-center__lead,
.rtc-control-center__supporting {
  margin: 0;
  color: #92acc2;
  font-size: clamp(0.98rem, 1.05vw, 1.22rem);
  line-height: 1.75;
}

.rtc-control-center__lead {
  color: #d9e7f2;
}

/* Principle strip */

.rtc-control-center__principle-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: clamp(46px, 5vw, 82px);
  padding: 1px;
  border: 1px solid var(--control-line-dark);
  background: var(--control-line-dark);
}

.rtc-control-center__principle-strip article {
  display: grid;
  min-height: 112px;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 20px;
  background: #0a1c2c;
}

.rtc-control-center__principle-strip article > i {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid #31536e;
  color: var(--control-mint);
  background: #0e2b43;
}

.rtc-control-center__principle-strip span,
.rtc-control-center__principle-strip strong {
  display: block;
}

.rtc-control-center__principle-strip span {
  color: #7e9bb4;
  font-size: 0.61rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-control-center__principle-strip strong {
  margin-top: 6px;
  color: #eef7fc;
  font-size: 0.79rem;
  line-height: 1.45;
}

/* Main workspace */

.rtc-control-center__workspace {
  display: grid;
  width: 100%;
  min-height: 760px;
  grid-template-columns:
    minmax(255px, 0.22fr)
    minmax(620px, 0.48fr)
    minmax(420px, 0.30fr);
  gap: 1px;
  margin-top: 24px;
  padding: 1px;
  border: 1px solid var(--control-line-dark);
  background: var(--control-line-dark);
  box-shadow: 0 40px 115px rgba(0, 0, 0, 0.28);
}

.rtc-control-center__nav,
.rtc-control-center__editor,
.rtc-control-center__preview {
  min-width: 0;
}

/* Navigation */

.rtc-control-center__nav {
  padding: clamp(18px, 1.8vw, 28px);
  background:
    radial-gradient(circle at 100% 0%, rgba(108, 182, 236, 0.10), transparent 30%),
    #071827;
}

.rtc-control-center__account {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding-bottom: 18px;
  border-bottom: 1px solid #27445d;
}

.rtc-control-center__account-mark {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: #061522;
  background: linear-gradient(135deg, var(--control-blue), var(--control-mint));
  font-size: 0.7rem;
  font-weight: 900;
}

.rtc-control-center__account span,
.rtc-control-center__account strong,
.rtc-control-center__account small {
  display: block;
}

.rtc-control-center__account span {
  color: #7797b1;
  font-size: 0.55rem;
  text-transform: uppercase;
}

.rtc-control-center__account strong {
  margin-top: 4px;
  color: #fff;
  font-size: 0.76rem;
}

.rtc-control-center__account small {
  margin-top: 3px;
  color: #819db4;
  font-size: 0.59rem;
}

.rtc-control-center__account > i {
  color: var(--control-mint);
}

.rtc-control-center__completion {
  margin-top: 19px;
}

.rtc-control-center__completion header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #86a5bc;
  font-size: 0.61rem;
}

.rtc-control-center__completion header strong {
  color: #d9f4e9;
}

.rtc-control-center__completion > div {
  height: 6px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #17344b;
}

.rtc-control-center__completion > div i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--control-blue), var(--control-mint));
  transition: width 350ms ease;
}

.rtc-control-center__completion > small {
  display: block;
  margin-top: 8px;
  color: #7592a9;
  font-size: 0.58rem;
  line-height: 1.5;
}

.rtc-control-center__nav nav {
  display: grid;
  gap: 6px;
  margin-top: 22px;
}

.rtc-control-center__nav nav button {
  appearance: none;
  display: grid;
  width: 100%;
  min-height: 62px;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #8ba8bd;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.rtc-control-center__nav nav button:hover,
.rtc-control-center__nav nav button.is-active {
  border-color: #31536d;
  color: #fff;
  background: #0d2a43;
}

.rtc-control-center__nav nav button > i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #2c4b65;
  color: #88c8ed;
  background: #0a2238;
}

.rtc-control-center__nav nav button strong,
.rtc-control-center__nav nav button small {
  display: block;
}

.rtc-control-center__nav nav button strong {
  font-size: 0.69rem;
}

.rtc-control-center__nav nav button small {
  margin-top: 4px;
  color: #6f8ca4;
  font-size: 0.56rem;
  line-height: 1.4;
}

.rtc-control-center__authority {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  margin-top: 22px;
  padding-top: 19px;
  border-top: 1px solid #27445d;
}

.rtc-control-center__authority > i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #31536d;
  color: var(--control-mint);
  background: #0d2a43;
}

.rtc-control-center__authority p {
  margin: 0;
  color: #7592a8;
  font-size: 0.58rem;
  line-height: 1.55;
}

/* Editor */

.rtc-control-center__editor {
  display: flex;
  min-height: 760px;
  flex-direction: column;
  color: var(--control-text);
  background: #f5f8fa;
}

.rtc-control-center__panel-head {
  display: flex;
  min-height: 84px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px clamp(18px, 2vw, 30px);
  border-bottom: 1px solid var(--control-line);
  background: #fff;
}

.rtc-control-center__panel-head span {
  color: #71869a;
  font-size: 0.57rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-control-center__panel-head h3 {
  margin: 5px 0 0;
  color: var(--control-ink);
  font-size: 1.28rem;
  letter-spacing: -0.03em;
}

.rtc-control-center__panel-head em {
  display: inline-flex;
  min-height: 33px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #b9d3c8;
  border-radius: 999px;
  color: #1c7153;
  background: #edf8f3;
  font-size: 0.59rem;
  font-style: normal;
  font-weight: 820;
  white-space: nowrap;
}

.rtc-control-center__panel {
  flex: 1;
  padding: clamp(20px, 2.2vw, 34px);
}

.rtc-control-center__panel[hidden] {
  display: none !important;
}

.rtc-control-center__panel-intro > span {
  color: #44759b;
  font-size: 0.61rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-control-center__panel-intro h4 {
  max-width: 760px;
  margin: 8px 0 0;
  color: var(--control-ink);
  font-size: clamp(1.25rem, 1.7vw, 2rem);
  letter-spacing: -0.04em;
  line-height: 1.2;
}

.rtc-control-center__panel-intro p {
  max-width: 840px;
  margin: 12px 0 0;
  color: var(--control-muted);
  font-size: 0.72rem;
  line-height: 1.65;
}

/* Fields */

.rtc-control-center__field-grid,
.rtc-control-center__appearance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  margin-top: 24px;
}

.rtc-control-center__field-grid label,
.rtc-control-center__appearance-grid label {
  display: grid;
  gap: 8px;
}

.rtc-control-center__field-grid label.is-wide,
.rtc-control-center__appearance-grid label.is-wide {
  grid-column: 1 / -1;
}

.rtc-control-center__field-grid label > span,
.rtc-control-center__appearance-grid label > span,
.rtc-control-center__choice > span,
.rtc-control-center__domain-add label > span,
.rtc-control-center__knowledge-test label > span {
  color: #526b80;
  font-size: 0.64rem;
  font-weight: 800;
}

.rtc-control-center input,
.rtc-control-center select,
.rtc-control-center textarea {
  width: 100%;
  border: 1px solid #b8c9d6;
  border-radius: 8px;
  color: var(--control-ink);
  background: #fff;
  font: inherit;
  font-size: 0.72rem;
  outline: none;
}

.rtc-control-center input,
.rtc-control-center select {
  min-height: 45px;
  padding: 0 12px;
}

.rtc-control-center textarea {
  resize: vertical;
  padding: 12px;
  line-height: 1.55;
}

.rtc-control-center input:focus,
.rtc-control-center select:focus,
.rtc-control-center textarea:focus {
  border-color: #4f88b8;
  box-shadow: 0 0 0 4px rgba(79, 136, 184, 0.10);
}

.rtc-control-center__record-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 22px;
  padding: 1px;
  border: 1px solid var(--control-line);
  background: var(--control-line);
}

.rtc-control-center__record-grid article {
  min-height: 100px;
  padding: 14px;
  background: #fff;
}

.rtc-control-center__record-grid span,
.rtc-control-center__record-grid strong,
.rtc-control-center__record-grid small {
  display: block;
}

.rtc-control-center__record-grid span {
  color: #72869a;
  font-size: 0.56rem;
  text-transform: uppercase;
}

.rtc-control-center__record-grid strong {
  margin-top: 7px;
  color: var(--control-ink);
  font-size: 1.3rem;
}

.rtc-control-center__record-grid small {
  margin-top: 5px;
  color: #788b9d;
  font-size: 0.57rem;
  line-height: 1.45;
}

/* Knowledge */

.rtc-control-center__knowledge-list {
  display: grid;
  gap: 9px;
  margin-top: 24px;
}

.rtc-control-center__knowledge-list article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 76px;
  padding: 13px;
  border: 1px solid var(--control-line);
  background: #fff;
}

.rtc-control-center__knowledge-list article > i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #bdd0dd;
  color: #3f79a4;
  background: #edf4f9;
}

.rtc-control-center__knowledge-list strong,
.rtc-control-center__knowledge-list span {
  display: block;
}

.rtc-control-center__knowledge-list strong {
  color: var(--control-ink);
  font-size: 0.7rem;
}

.rtc-control-center__knowledge-list span {
  margin-top: 5px;
  color: #6f8395;
  font-size: 0.6rem;
  line-height: 1.45;
}

.rtc-control-center__knowledge-list em {
  padding: 5px 7px;
  border: 1px solid #bad2c7;
  border-radius: 999px;
  color: #206b50;
  background: #eef8f3;
  font-size: 0.54rem;
  font-style: normal;
  font-weight: 820;
}

.rtc-control-center__knowledge-test {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 17px;
  padding: 14px;
  border: 1px solid #b8c9d6;
  background: #eef4f8;
}

.rtc-control-center__knowledge-test label {
  display: grid;
  gap: 8px;
}

.rtc-control-center__knowledge-test button {
  appearance: none;
  align-self: end;
  min-height: 45px;
  padding: 0 14px;
  border: 0;
  border-radius: 7px;
  color: #061522;
  background: linear-gradient(90deg, var(--control-blue), var(--control-mint));
  font: inherit;
  font-size: 0.64rem;
  font-weight: 830;
  cursor: pointer;
}

.rtc-control-center__knowledge-test > div {
  grid-column: 1 / -1;
  padding: 12px;
  border-left: 3px solid var(--control-mint);
  color: #476178;
  background: #fff;
  font-size: 0.65rem;
  line-height: 1.55;
}

/* Appearance */

.rtc-control-center__choice {
  display: grid;
  gap: 8px;
}

.rtc-control-center__choice > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rtc-control-center__choice button {
  appearance: none;
  width: 42px;
  height: 42px;
  border: 3px solid transparent;
  border-radius: 8px;
  cursor: pointer;
}

.rtc-control-center__choice button[data-rtc-accent="mint"] {
  background: linear-gradient(135deg, #6cb6ec, #76ddc0);
}

.rtc-control-center__choice button[data-rtc-accent="blue"] {
  background: linear-gradient(135deg, #2869c7, #66b5ef);
}

.rtc-control-center__choice button[data-rtc-accent="amber"] {
  background: linear-gradient(135deg, #ca8c2e, #efd27a);
}

.rtc-control-center__choice button[data-rtc-accent="violet"] {
  background: linear-gradient(135deg, #7257c5, #b89fec);
}

.rtc-control-center__choice button.is-active {
  border-color: #10253a;
  box-shadow: 0 0 0 2px #fff;
}

.rtc-control-center__choice .is-segmented {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 1px;
  border: 1px solid var(--control-line);
  background: var(--control-line);
}

.rtc-control-center__choice .is-segmented button {
  width: auto;
  height: 42px;
  border: 0;
  border-radius: 0;
  color: #687d90;
  background: #fff;
  font: inherit;
  font-size: 0.65rem;
  font-weight: 800;
}

.rtc-control-center__choice .is-segmented button.is-active {
  color: #1f5d87;
  background: #eaf3fa;
  box-shadow: inset 0 -2px 0 #4c8fbe;
}

/* Domains */

.rtc-control-center__domain-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 22px;
  padding: 1px;
  border: 1px solid var(--control-line);
  background: var(--control-line);
}

.rtc-control-center__domain-summary article {
  padding: 13px;
  background: #fff;
}

.rtc-control-center__domain-summary span,
.rtc-control-center__domain-summary strong {
  display: block;
}

.rtc-control-center__domain-summary span {
  color: #71869a;
  font-size: 0.56rem;
  text-transform: uppercase;
}

.rtc-control-center__domain-summary strong {
  margin-top: 6px;
  color: var(--control-ink);
  font-size: 1rem;
}

.rtc-control-center__domain-list {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.rtc-control-center__domain-list article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  min-height: 70px;
  padding: 12px;
  border: 1px solid var(--control-line);
  background: #fff;
}

.rtc-control-center__domain-list article > i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #bdd0dd;
  color: #3978a5;
  background: #edf4f9;
}

.rtc-control-center__domain-list strong,
.rtc-control-center__domain-list span {
  display: block;
}

.rtc-control-center__domain-list strong {
  color: var(--control-ink);
  font-size: 0.69rem;
}

.rtc-control-center__domain-list span {
  margin-top: 4px;
  color: #75899b;
  font-size: 0.58rem;
}

.rtc-control-center__domain-list em {
  padding: 5px 7px;
  border: 1px solid #bad2c7;
  border-radius: 999px;
  color: #1f6d51;
  background: #eef8f3;
  font-size: 0.53rem;
  font-style: normal;
  font-weight: 820;
}

.rtc-control-center__domain-state {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.rtc-control-center__domain-state button {
  appearance: none;
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  border: 1px solid #dfb9bf;
  border-radius: 6px;
  color: #9a4050;
  background: #fff2f4;
  font: inherit;
  font-size: 0.54rem;
  font-weight: 820;
  cursor: pointer;
}

.rtc-control-center__domain-state button:hover {
  border-color: #cf8592;
  background: #fde8ec;
}

.rtc-control-center__domain-rule {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  margin-top: 14px;
  padding: 13px;
  border: 1px solid #d7c58e;
  background: #fff8e5;
}

.rtc-control-center__domain-rule > i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #866217;
  background: #f5e5b4;
}

.rtc-control-center__domain-rule strong,
.rtc-control-center__domain-rule span {
  display: block;
}

.rtc-control-center__domain-rule strong {
  color: #654c16;
  font-size: 0.66rem;
}

.rtc-control-center__domain-rule span {
  margin-top: 5px;
  color: #826d39;
  font-size: 0.59rem;
  line-height: 1.5;
}

/* Domain identity verification */

.rtc-control-center__verify[hidden] {
  display: none !important;
}

.rtc-control-center__verify {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 20px;
}

.rtc-control-center__verify-backdrop {
  appearance: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(3, 11, 19, 0.76);
  backdrop-filter: blur(8px);
  cursor: default;
}

.rtc-control-center__verify-card {
  position: relative;
  z-index: 1;
  width: min(520px, 100%);
  overflow: hidden;
  border: 1px solid #35536d;
  border-radius: 14px;
  color: var(--control-text);
  background: #fff;
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.38);
}

.rtc-control-center__verify-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid var(--control-line);
  background: #f6f9fb;
}

.rtc-control-center__verify-card > header span {
  color: #567590;
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-control-center__verify-card > header h3 {
  margin: 6px 0 0;
  color: var(--control-ink);
  font-size: 1.3rem;
  letter-spacing: -0.035em;
}

.rtc-control-center__verify-card > header > button {
  appearance: none;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #bdcbd6;
  border-radius: 7px;
  color: #62798d;
  background: #fff;
  cursor: pointer;
}

.rtc-control-center__verify-context {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin: 20px 20px 0;
  padding: 14px;
  border: 1px solid #c3d2dd;
  background: #edf4f9;
}

.rtc-control-center__verify-context > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #2f719f;
  background: #dbeaf4;
}

.rtc-control-center__verify-context strong,
.rtc-control-center__verify-context span {
  display: block;
}

.rtc-control-center__verify-context strong {
  color: var(--control-ink);
  font-size: 0.7rem;
}

.rtc-control-center__verify-context span {
  margin-top: 5px;
  color: #657d91;
  font-size: 0.62rem;
}

.rtc-control-center__verify-card > p {
  margin: 16px 20px 0;
  color: #667d90;
  font-size: 0.68rem;
  line-height: 1.6;
}

.rtc-control-center__verify-card > label {
  display: grid;
  gap: 8px;
  margin: 16px 20px 0;
}

.rtc-control-center__verify-card > label span {
  color: #516a7f;
  font-size: 0.64rem;
  font-weight: 820;
}

.rtc-control-center__verify-card > label input {
  min-height: 48px;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.25em;
  text-align: center;
}

.rtc-control-center__verify-message {
  margin: 12px 20px 0;
  padding: 11px 12px;
  border-left: 3px solid var(--control-blue);
  color: #5d7487;
  background: #f0f5f8;
  font-size: 0.61rem;
  line-height: 1.5;
}

.rtc-control-center__verify-message.is-error {
  border-left-color: var(--control-red);
  color: #8c4050;
  background: #fff0f3;
}

.rtc-control-center__verify-message.is-success {
  border-left-color: var(--control-mint);
  color: #24624f;
  background: #edf8f3;
}

.rtc-control-center__verify-card > footer {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 20px;
  padding: 16px 20px;
  border-top: 1px solid var(--control-line);
  background: #f6f9fb;
}

.rtc-control-center__verify-card > footer button {
  appearance: none;
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 13px;
  border-radius: 7px;
  font: inherit;
  font-size: 0.64rem;
  font-weight: 830;
  cursor: pointer;
}

.rtc-control-center__verify-card > footer button:first-child {
  border: 1px solid #bdcbd6;
  color: #60778a;
  background: #fff;
}

.rtc-control-center__verify-card > footer button:last-child {
  border: 0;
  color: #061522;
  background: linear-gradient(90deg, var(--control-blue), var(--control-mint));
}

.rtc-control-center__domain-add {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 15px;
}

.rtc-control-center__domain-add label {
  display: grid;
  gap: 8px;
}

.rtc-control-center__domain-add button {
  appearance: none;
  align-self: end;
  min-height: 45px;
  padding: 0 14px;
  border: 0;
  border-radius: 7px;
  color: #061522;
  background: linear-gradient(90deg, var(--control-blue), var(--control-mint));
  font: inherit;
  font-size: 0.64rem;
  font-weight: 830;
  cursor: pointer;
}

.rtc-control-center__important-pages {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid var(--control-line);
  background: #eef4f8;
}

.rtc-control-center__important-pages header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #61798c;
  font-size: 0.62rem;
}

.rtc-control-center__important-pages > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.rtc-control-center__important-pages > div span {
  padding: 6px 8px;
  border: 1px solid #bdccd8;
  border-radius: 999px;
  color: #49677e;
  background: #fff;
  font-size: 0.57rem;
}

/* Modes */

.rtc-control-center__mode-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 23px;
}

.rtc-control-center__mode-grid button {
  appearance: none;
  min-height: 210px;
  padding: 17px;
  border: 1px solid var(--control-line);
  border-radius: 0;
  color: var(--control-text);
  background: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.rtc-control-center__mode-grid button:hover,
.rtc-control-center__mode-grid button.is-active {
  border-color: #5a91bb;
  box-shadow: inset 0 3px 0 var(--control-blue);
  background: #edf5fb;
}

.rtc-control-center__mode-grid span,
.rtc-control-center__mode-grid strong,
.rtc-control-center__mode-grid small,
.rtc-control-center__mode-grid em {
  display: block;
}

.rtc-control-center__mode-grid span {
  color: #356e98;
  font-size: 0.62rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-control-center__mode-grid strong {
  margin-top: 12px;
  color: var(--control-ink);
  font-size: 0.78rem;
  line-height: 1.4;
}

.rtc-control-center__mode-grid small {
  margin-top: 8px;
  color: #74889a;
  font-size: 0.61rem;
  line-height: 1.5;
}

.rtc-control-center__mode-grid em {
  margin-top: 16px;
  color: #206f55;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 820;
}

.rtc-control-center__mode-result {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 16px;
  padding: 1px;
  border: 1px solid var(--control-line);
  background: var(--control-line);
}

.rtc-control-center__mode-result article {
  padding: 13px;
  background: #fff;
}

.rtc-control-center__mode-result span,
.rtc-control-center__mode-result strong {
  display: block;
}

.rtc-control-center__mode-result span {
  color: #71869a;
  font-size: 0.55rem;
  text-transform: uppercase;
}

.rtc-control-center__mode-result strong {
  margin-top: 6px;
  color: var(--control-ink);
  font-size: 0.72rem;
}

/* Editor footer */

.rtc-control-center__editor-footer {
  display: flex;
  min-height: 78px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: auto;
  padding: 16px clamp(18px, 2vw, 30px);
  border-top: 1px solid var(--control-line);
  background: #fff;
}

.rtc-control-center__editor-footer span,
.rtc-control-center__editor-footer strong {
  display: block;
}

.rtc-control-center__editor-footer span {
  color: #71869a;
  font-size: 0.56rem;
  text-transform: uppercase;
}

.rtc-control-center__editor-footer strong {
  margin-top: 4px;
  color: #4f687d;
  font-size: 0.64rem;
}

.rtc-control-center__editor-footer button {
  appearance: none;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 0;
  border-radius: 7px;
  color: #061522;
  background: linear-gradient(90deg, var(--control-blue), var(--control-mint));
  font: inherit;
  font-size: 0.67rem;
  font-weight: 850;
  cursor: pointer;
}

/* Preview */

.rtc-control-center__preview {
  padding: clamp(18px, 1.8vw, 28px);
  background:
    radial-gradient(circle at 100% 0%, rgba(118, 221, 192, 0.10), transparent 28%),
    #091b2a;
}

.rtc-control-center__preview > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.rtc-control-center__preview > header span,
.rtc-control-center__preview > header strong {
  display: block;
}

.rtc-control-center__preview > header span {
  color: #7898b0;
  font-size: 0.57rem;
  text-transform: uppercase;
}

.rtc-control-center__preview > header strong {
  margin-top: 4px;
  color: #fff;
  font-size: 0.78rem;
}

.rtc-control-center__preview > header em {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #a7dbc9;
  font-size: 0.58rem;
  font-style: normal;
}

.rtc-control-center__preview > header em i {
  color: var(--control-mint);
  font-size: 0.45rem;
}

.rtc-control-center__browser {
  margin-top: 18px;
  border: 1px solid #294761;
  background: #fff;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.22);
}

.rtc-control-center__browser-bar {
  display: flex;
  min-height: 37px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border-bottom: 1px solid #cbd6df;
  background: #edf2f5;
}

.rtc-control-center__browser-bar i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #8fa1af;
}

.rtc-control-center__browser-bar span {
  margin-left: 8px;
  color: #6d8091;
  font-size: 0.55rem;
}

.rtc-control-center__page {
  position: relative;
  min-height: 530px;
  overflow: hidden;
  padding: 22px;
  background:
    linear-gradient(rgba(20, 37, 52, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 37, 52, 0.035) 1px, transparent 1px),
    #f4f7f8;
  background-size: 34px 34px;
}

.rtc-control-center__page-copy {
  max-width: 260px;
  padding: 18px;
  border: 1px solid #d0d9e0;
  background: rgba(255, 255, 255, 0.88);
}

.rtc-control-center__page-copy span,
.rtc-control-center__page-copy strong,
.rtc-control-center__page-copy small {
  display: block;
}

.rtc-control-center__page-copy span {
  color: #3f7ca8;
  font-size: 0.55rem;
  font-weight: 850;
  text-transform: uppercase;
}

.rtc-control-center__page-copy strong {
  margin-top: 8px;
  color: var(--control-ink);
  font-size: 1.1rem;
  line-height: 1.15;
}

.rtc-control-center__page-copy small {
  margin-top: 8px;
  color: #6d8192;
  font-size: 0.59rem;
  line-height: 1.5;
}

.rtc-control-center__agent {
  --preview-accent-a: #6cb6ec;
  --preview-accent-b: #76ddc0;

  position: absolute;
  right: 18px;
  bottom: 18px;
  width: min(340px, calc(100% - 36px));
  border: 1px solid #b9c8d4;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 22px 50px rgba(20, 37, 52, 0.18);
  transition: left 220ms ease, right 220ms ease;
}

.rtc-control-center__agent[data-position="left"] {
  right: auto;
  left: 18px;
}

.rtc-control-center__agent[data-accent="blue"] {
  --preview-accent-a: #2869c7;
  --preview-accent-b: #66b5ef;
}

.rtc-control-center__agent[data-accent="amber"] {
  --preview-accent-a: #ca8c2e;
  --preview-accent-b: #efd27a;
}

.rtc-control-center__agent[data-accent="violet"] {
  --preview-accent-a: #7257c5;
  --preview-accent-b: #b89fec;
}

.rtc-control-center__agent > header {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 13px;
  color: #fff;
  background: linear-gradient(90deg, var(--preview-accent-a), var(--preview-accent-b));
}

.rtc-control-center__agent-avatar {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #071522;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0.62rem;
  font-weight: 900;
}

.rtc-control-center__agent > header strong,
.rtc-control-center__agent > header span {
  display: block;
}

.rtc-control-center__agent > header strong {
  font-size: 0.68rem;
}

.rtc-control-center__agent > header span {
  margin-top: 3px;
  font-size: 0.53rem;
  opacity: 0.88;
}

.rtc-control-center__agent > header > i {
  font-size: 0.44rem;
}

.rtc-control-center__agent-chat {
  display: grid;
  gap: 9px;
  min-height: 278px;
  align-content: center;
  padding: 16px;
  background: #f7f9fa;
}

.rtc-control-center__agent-chat p {
  width: fit-content;
  max-width: 88%;
  margin: 0;
  padding: 10px 12px;
  border-radius: 14px;
  font-size: 0.61rem;
  line-height: 1.5;
}

.rtc-control-center__agent-chat .is-agent {
  border: 1px solid #cbd5dc;
  border-bottom-left-radius: 4px;
  color: #3e596e;
  background: #fff;
}

.rtc-control-center__agent-chat .is-visitor {
  margin-left: auto;
  border-bottom-right-radius: 4px;
  color: #fff;
  background: linear-gradient(135deg, var(--preview-accent-a), var(--preview-accent-b));
}

.rtc-control-center__agent > footer {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px;
  border-top: 1px solid #d4dde4;
  background: #fff;
}

.rtc-control-center__agent > footer span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #687e90;
  font-size: 0.54rem;
}

.rtc-control-center__agent > footer strong {
  color: #2b6e58;
  font-size: 0.58rem;
}

.rtc-control-center__preview-facts {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.rtc-control-center__preview-facts article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 64px;
  padding: 10px;
  border: 1px solid #294761;
  background: #0b263b;
}

.rtc-control-center__preview-facts article > i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #31536e;
  color: var(--control-mint);
  background: #0d2c44;
}

.rtc-control-center__preview-facts strong,
.rtc-control-center__preview-facts span {
  display: block;
}

.rtc-control-center__preview-facts strong {
  color: #eef7fc;
  font-size: 0.65rem;
}

.rtc-control-center__preview-facts span {
  margin-top: 4px;
  color: #7e9bb3;
  font-size: 0.56rem;
  line-height: 1.45;
}

/* Closing */

.rtc-control-center__closing {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(30px, 5vw, 90px);
  align-items: center;
  margin-top: clamp(32px, 4vw, 64px);
  padding-top: clamp(28px, 3vw, 44px);
  border-top: 1px solid #29455d;
}

.rtc-control-center__closing > div:first-child > span {
  color: #83bad8;
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.rtc-control-center__closing h3 {
  max-width: 1080px;
  margin: 10px 0 0;
  color: #fff;
  font-size: clamp(1.7rem, 2.8vw, 3.8rem);
  font-weight: 650;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.rtc-control-center__closing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.rtc-control-center__closing-actions a {
  display: inline-flex;
  min-height: 49px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 820;
  text-decoration: none;
}

.rtc-control-center__closing-actions a:first-child {
  color: #061522;
  background: linear-gradient(90deg, var(--control-blue), var(--control-mint));
}

.rtc-control-center__closing-actions a:last-child {
  border: 1px solid #35536d;
  color: #dceaf5;
  background: #0c2941;
}

/* Focus */

.rtc-control-center button:focus-visible,
.rtc-control-center a:focus-visible,
.rtc-control-center input:focus-visible,
.rtc-control-center select:focus-visible,
.rtc-control-center textarea:focus-visible {
  outline: 3px solid rgba(108, 182, 236, 0.30);
  outline-offset: 3px;
}

/* Responsive */

@media (max-width: 1500px) {
  .rtc-control-center__workspace {
    grid-template-columns:
      minmax(240px, 0.22fr)
      minmax(560px, 0.48fr)
      minmax(360px, 0.30fr);
  }
}

@media (max-width: 1220px) {
  .rtc-control-center__workspace {
    grid-template-columns: 250px minmax(0, 1fr);
  }

  .rtc-control-center__preview {
    grid-column: 1 / -1;
  }

  .rtc-control-center__browser {
    max-width: 760px;
    margin-inline: auto;
  }

  .rtc-control-center__preview-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .rtc-control-center__lead-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .rtc-control-center__principle-strip {
    grid-template-columns: 1fr;
  }

  .rtc-control-center__workspace {
    grid-template-columns: 1fr;
  }

  .rtc-control-center__preview {
    grid-column: auto;
  }

  .rtc-control-center__nav nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rtc-control-center__record-grid,
  .rtc-control-center__preview-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rtc-control-center__closing {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .rtc-control-center {
    padding: 58px 0;
  }

  .rtc-control-center__shell {
    padding-inline: 16px;
  }

  .rtc-control-center__eyebrow {
    flex-wrap: wrap;
    border-radius: 10px;
  }

  .rtc-control-center__head h2 {
    font-size: clamp(2.35rem, 12vw, 4.4rem);
  }

  .rtc-control-center__nav nav {
    grid-template-columns: 1fr;
  }

  .rtc-control-center__panel-head {
    align-items: flex-start;
  }

  .rtc-control-center__panel-head em {
    display: none;
  }

  .rtc-control-center__field-grid,
  .rtc-control-center__appearance-grid,
  .rtc-control-center__mode-grid,
  .rtc-control-center__mode-result,
  .rtc-control-center__record-grid,
  .rtc-control-center__preview-facts {
    grid-template-columns: 1fr;
  }

  .rtc-control-center__knowledge-test,
  .rtc-control-center__domain-add {
    grid-template-columns: 1fr;
  }

  .rtc-control-center__domain-state {
    align-items: stretch;
    flex-direction: column;
  }

  .rtc-control-center__domain-state button {
    justify-content: center;
  }

  .rtc-control-center__verify-card > footer {
    flex-direction: column;
  }

  .rtc-control-center__verify-card > footer button {
    width: 100%;
  }


  .rtc-control-center__knowledge-test button,
  .rtc-control-center__domain-add button {
    align-self: stretch;
  }

  .rtc-control-center__editor-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .rtc-control-center__editor-footer button {
    justify-content: center;
  }

  .rtc-control-center__page {
    min-height: 500px;
    padding: 14px;
  }

  .rtc-control-center__agent {
    right: 12px;
    bottom: 12px;
    width: calc(100% - 24px);
  }

  .rtc-control-center__agent[data-position="left"] {
    left: 12px;
  }

  .rtc-control-center__closing-actions {
    display: grid;
  }

  .rtc-control-center__closing-actions a {
    width: 100%;
  }
}

@media (min-width: 2200px) {
  .rtc-control-center__shell {
    padding-inline: 150px;
  }

  .rtc-control-center__workspace {
    min-height: 860px;
    grid-template-columns:
      minmax(360px, 0.20fr)
      minmax(1000px, 0.50fr)
      minmax(700px, 0.30fr);
  }

  .rtc-control-center__editor {
    min-height: 860px;
  }

  .rtc-control-center__page {
    min-height: 640px;
  }

  .rtc-control-center__agent {
    width: 420px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rtc-control-center *,
  .rtc-control-center *::before,
  .rtc-control-center *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   WEBSDOCS RTC — BUSINESS VISIBILITY
   COMPLETE SECTION CSS
   Append to rtc.css after RTC Control Center.
========================================================= */

.rtc-visibility,
.rtc-visibility * {
  box-sizing: border-box;
}

.rtc-visibility {
  --vis-bg: #edf2f5;
  --vis-panel: #ffffff;
  --vis-panel-soft: #f7f9fa;
  --vis-ink: #10273d;
  --vis-text: #35516a;
  --vis-muted: #708598;
  --vis-line: #c8d4dd;
  --vis-line-dark: #2b465d;
  --vis-blue: #4c88bd;
  --vis-cyan: #68bed5;
  --vis-green: #63c49f;
  --vis-amber: #d6a548;
  --vis-red: #cf6175;
  --vis-navy: #0a1a29;

  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: hidden;
  padding: clamp(82px, 7vw, 148px) 0;
  border-top: 1px solid var(--vis-line);
  border-bottom: 1px solid var(--vis-line);
  color: var(--vis-text);
  background:
    linear-gradient(rgba(16, 39, 61, 0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 39, 61, 0.032) 1px, transparent 1px),
    radial-gradient(circle at 7% 0%, rgba(76, 136, 189, 0.11), transparent 31%),
    radial-gradient(circle at 94% 10%, rgba(99, 196, 159, 0.11), transparent 28%),
    var(--vis-bg);
  background-size: 72px 72px, 72px 72px, auto, auto, auto;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rtc-visibility__ambient {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.rtc-visibility__ambient::before,
.rtc-visibility__ambient::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.rtc-visibility__ambient::before {
  width: 500px;
  height: 500px;
  top: 14%;
  left: -260px;
  border: 1px solid rgba(76, 136, 189, 0.15);
  box-shadow:
    0 0 0 70px rgba(76, 136, 189, 0.023),
    0 0 0 145px rgba(76, 136, 189, 0.015);
}

.rtc-visibility__ambient::after {
  width: 440px;
  height: 440px;
  right: -230px;
  bottom: 8%;
  border: 1px solid rgba(99, 196, 159, 0.16);
  box-shadow:
    0 0 0 64px rgba(99, 196, 159, 0.022),
    0 0 0 136px rgba(99, 196, 159, 0.014);
}

.rtc-visibility__shell {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: clamp(18px, 4.5vw, 150px);
}

/* Header */

.rtc-visibility__head {
  max-width: 1660px;
}

.rtc-visibility__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 8px 11px;
  border: 1px solid #b9cad6;
  border-radius: 999px;
  color: #356f9e;
  background: rgba(255, 255, 255, 0.78);
  font-size: 0.7rem;
  font-weight: 820;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  box-shadow: 0 8px 22px rgba(16, 39, 61, 0.05);
}

.rtc-visibility__eyebrow i {
  color: var(--vis-blue);
}

.rtc-visibility__eyebrow strong {
  padding-left: 10px;
  border-left: 1px solid #b9cad6;
  color: #248061;
  font-weight: 820;
}

.rtc-visibility__head h2 {
  max-width: 1580px;
  margin: 0;
  color: var(--vis-ink);
  font-size: clamp(2.8rem, 5.5vw, 7.3rem);
  font-weight: 700;
  letter-spacing: -0.065em;
  line-height: 0.94;
  text-wrap: balance;
}

.rtc-visibility__head h2 span {
  display: block;
  color: #3978a8;
}

.rtc-visibility__lead-grid {
  display: grid;
  max-width: 1500px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 80px);
  margin-top: clamp(26px, 3vw, 48px);
}

.rtc-visibility__lead,
.rtc-visibility__supporting {
  margin: 0;
  color: var(--vis-muted);
  font-size: clamp(0.98rem, 1.05vw, 1.22rem);
  line-height: 1.75;
}

.rtc-visibility__lead {
  color: #36566e;
}

/* Workspace */

.rtc-visibility__workspace {
  display: grid;
  width: 100%;
  min-height: 760px;
  grid-template-columns: minmax(255px, 0.22fr) minmax(0, 0.78fr);
  gap: 1px;
  margin-top: clamp(46px, 5vw, 82px);
  padding: 1px;
  border: 1px solid var(--vis-line-dark);
  background: var(--vis-line-dark);
  box-shadow: 0 40px 110px rgba(16, 39, 61, 0.18);
}

.rtc-visibility__sidebar {
  padding: clamp(20px, 2vw, 30px);
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(104, 190, 213, 0.11), transparent 30%),
    var(--vis-navy);
}

.rtc-visibility__identity {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #2a475e;
}

.rtc-visibility__identity-mark {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: #061522;
  background: linear-gradient(135deg, var(--vis-cyan), var(--vis-green));
  font-size: 0.7rem;
  font-weight: 900;
}

.rtc-visibility__identity span,
.rtc-visibility__identity strong,
.rtc-visibility__identity small {
  display: block;
}

.rtc-visibility__identity span {
  color: #7b9ab2;
  font-size: 0.55rem;
  text-transform: uppercase;
}

.rtc-visibility__identity strong {
  margin-top: 4px;
  color: #fff;
  font-size: 0.76rem;
}

.rtc-visibility__identity small {
  margin-top: 3px;
  color: #7f9db4;
  font-size: 0.59rem;
}

.rtc-visibility__identity > i {
  color: var(--vis-green);
}

.rtc-visibility__sidebar nav {
  display: grid;
  gap: 6px;
  margin-top: 22px;
}

.rtc-visibility__sidebar nav button {
  appearance: none;
  display: grid;
  width: 100%;
  min-height: 48px;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #8ba7bc;
  background: transparent;
  font: inherit;
  font-size: 0.67rem;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

.rtc-visibility__sidebar nav button:hover,
.rtc-visibility__sidebar nav button.is-active {
  border-color: #31516b;
  color: #fff;
  background: #0e2b43;
}

.rtc-visibility__sidebar nav button i {
  color: #76b9df;
  text-align: center;
}

.rtc-visibility__account-state {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 25px;
  padding: 1px;
  border: 1px solid #2a475e;
  background: #2a475e;
}

.rtc-visibility__account-state article {
  padding: 10px;
  background: #0b2438;
}

.rtc-visibility__account-state span,
.rtc-visibility__account-state strong {
  display: block;
}

.rtc-visibility__account-state span {
  color: #7896ac;
  font-size: 0.52rem;
  text-transform: uppercase;
}

.rtc-visibility__account-state strong {
  margin-top: 5px;
  color: #fff;
  font-size: 0.64rem;
}

.rtc-visibility__session {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 11px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #2a475e;
}

.rtc-visibility__session > i {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #31516b;
  color: var(--vis-green);
  background: #0e2b43;
}

.rtc-visibility__session strong,
.rtc-visibility__session span {
  display: block;
}

.rtc-visibility__session strong {
  color: #fff;
  font-size: 0.66rem;
}

.rtc-visibility__session span {
  margin-top: 5px;
  color: #7795ab;
  font-size: 0.58rem;
  line-height: 1.5;
}

/* Main */

.rtc-visibility__main {
  min-width: 0;
  color: var(--vis-text);
  background: #f6f8fa;
}

.rtc-visibility__panel-head {
  display: flex;
  min-height: 86px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px clamp(18px, 2vw, 30px);
  border-bottom: 1px solid var(--vis-line);
  background: #fff;
}

.rtc-visibility__panel-head span {
  color: #71869a;
  font-size: 0.57rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-visibility__panel-head h3 {
  margin: 5px 0 0;
  color: var(--vis-ink);
  font-size: 1.3rem;
  letter-spacing: -0.03em;
}

.rtc-visibility__range {
  display: flex;
  gap: 5px;
}

.rtc-visibility__range button,
.rtc-visibility__filters button {
  appearance: none;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid #c0ced9;
  border-radius: 999px;
  color: #667c90;
  background: #fff;
  font: inherit;
  font-size: 0.59rem;
  font-weight: 800;
  cursor: pointer;
}

.rtc-visibility__range button.is-active,
.rtc-visibility__range button:hover,
.rtc-visibility__filters button.is-active,
.rtc-visibility__filters button:hover {
  border-color: #7eafd1;
  color: #2c6490;
  background: #edf5fb;
}

.rtc-visibility__panel {
  padding: clamp(20px, 2.2vw, 34px);
}

.rtc-visibility__panel[hidden] {
  display: none !important;
}

/* Metrics */

.rtc-visibility__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid var(--vis-line);
  background: var(--vis-line);
}

.rtc-visibility__metrics article {
  min-height: 120px;
  padding: 17px;
  background: #fff;
}

.rtc-visibility__metrics span,
.rtc-visibility__metrics strong,
.rtc-visibility__metrics small {
  display: block;
}

.rtc-visibility__metrics span {
  color: #71869a;
  font-size: 0.57rem;
  text-transform: uppercase;
}

.rtc-visibility__metrics strong {
  margin-top: 9px;
  color: var(--vis-ink);
  font-size: clamp(1.7rem, 2.4vw, 3rem);
  letter-spacing: -0.05em;
}

.rtc-visibility__metrics small {
  margin-top: 7px;
  color: #778a9b;
  font-size: 0.59rem;
  line-height: 1.45;
}

.rtc-visibility__overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 16px;
  margin-top: 16px;
}

.rtc-visibility__intent-card,
.rtc-visibility__operations-card {
  border: 1px solid var(--vis-line);
  background: #fff;
}

.rtc-visibility__intent-card > header,
.rtc-visibility__operations-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  min-height: 70px;
  padding: 15px 17px;
  border-bottom: 1px solid var(--vis-line);
}

.rtc-visibility__intent-card header span,
.rtc-visibility__intent-card header strong,
.rtc-visibility__operations-card header span,
.rtc-visibility__operations-card header strong {
  display: block;
}

.rtc-visibility__intent-card header span,
.rtc-visibility__operations-card header span {
  color: #71869a;
  font-size: 0.56rem;
  text-transform: uppercase;
}

.rtc-visibility__intent-card header strong,
.rtc-visibility__operations-card header strong {
  margin-top: 5px;
  color: var(--vis-ink);
  font-size: 0.75rem;
}

.rtc-visibility__intent-card header em {
  padding: 5px 8px;
  border: 1px solid #bdd0dd;
  border-radius: 999px;
  color: #4f6c81;
  background: #f4f8fa;
  font-size: 0.55rem;
  font-style: normal;
  white-space: nowrap;
}

.rtc-visibility__intent-bars {
  display: grid;
  gap: 13px;
  padding: 18px;
}

.rtc-visibility__intent-bars > div {
  display: grid;
  grid-template-columns: minmax(120px, 0.34fr) minmax(0, 1fr) 38px;
  gap: 10px;
  align-items: center;
}

.rtc-visibility__intent-bars span {
  color: #5f7689;
  font-size: 0.62rem;
}

.rtc-visibility__intent-bars i {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e1e8ed;
}

.rtc-visibility__intent-bars i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--vis-blue), var(--vis-green));
  transition: width 350ms ease;
}

.rtc-visibility__intent-bars strong {
  color: var(--vis-ink);
  font-size: 0.64rem;
  text-align: right;
}

.rtc-visibility__operations-card > div {
  display: grid;
}

.rtc-visibility__operations-card > div article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  min-height: 91px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--vis-line);
}

.rtc-visibility__operations-card > div article:last-child {
  border-bottom: 0;
}

.rtc-visibility__operations-card article > i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #bfd0dc;
  color: var(--vis-blue);
  background: #edf4f9;
}

.rtc-visibility__operations-card article strong,
.rtc-visibility__operations-card article span {
  display: block;
}

.rtc-visibility__operations-card article strong {
  color: var(--vis-ink);
  font-size: 0.68rem;
}

.rtc-visibility__operations-card article span {
  margin-top: 5px;
  color: #75899a;
  font-size: 0.58rem;
  line-height: 1.45;
}

.rtc-visibility__operations-card article a {
  color: #356f9e;
  font-size: 0.58rem;
  font-weight: 820;
  text-decoration: none;
  white-space: nowrap;
}

.rtc-visibility__account-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 16px;
  padding: 1px;
  border: 1px solid var(--vis-line);
  background: var(--vis-line);
}

.rtc-visibility__account-grid article {
  display: grid;
  min-height: 112px;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 14px;
  background: #fff;
}

.rtc-visibility__account-grid article > i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #bfd0dc;
  color: var(--vis-blue);
  background: #edf4f9;
}

.rtc-visibility__account-grid span,
.rtc-visibility__account-grid strong,
.rtc-visibility__account-grid small {
  display: block;
}

.rtc-visibility__account-grid span {
  color: #71869a;
  font-size: 0.55rem;
  text-transform: uppercase;
}

.rtc-visibility__account-grid strong {
  margin-top: 5px;
  color: var(--vis-ink);
  font-size: 0.72rem;
}

.rtc-visibility__account-grid small {
  margin-top: 4px;
  color: #788b9d;
  font-size: 0.57rem;
  line-height: 1.45;
}

/* Conversations */

.rtc-visibility__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.rtc-visibility__table-wrap {
  margin-top: 14px;
  overflow-x: auto;
  border: 1px solid var(--vis-line);
  background: #fff;
}

.rtc-visibility__table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

.rtc-visibility__table th,
.rtc-visibility__table td {
  padding: 13px;
  border-bottom: 1px solid var(--vis-line);
  color: #536c80;
  font-size: 0.62rem;
  text-align: left;
}

.rtc-visibility__table th {
  color: #71869a;
  background: #f3f6f8;
  font-size: 0.55rem;
  text-transform: uppercase;
}

.rtc-visibility__table tbody tr {
  cursor: pointer;
}

.rtc-visibility__table tbody tr:hover,
.rtc-visibility__table tbody tr.is-active {
  background: #edf5fb;
}

.rtc-visibility__table td strong {
  display: block;
  color: var(--vis-ink);
  font-size: 0.65rem;
}

.rtc-visibility__table td small {
  display: block;
  margin-top: 4px;
  color: #7d8f9f;
  font-size: 0.55rem;
}

.rtc-visibility__table td em {
  padding: 4px 7px;
  border-radius: 999px;
  font-size: 0.52rem;
  font-style: normal;
  font-weight: 820;
}

.rtc-visibility__table td em.is-lead {
  color: #7c5a14;
  background: #fff4d6;
}

.rtc-visibility__table td em.is-handoff {
  color: #914052;
  background: #fdecef;
}

.rtc-visibility__table td em.is-complete {
  color: #23654c;
  background: #eaf7f0;
}

.rtc-visibility__conversation-detail {
  margin-top: 15px;
  padding: 18px;
  border: 1px solid var(--vis-line);
  background: #fff;
}

.rtc-visibility__conversation-detail span {
  color: #71869a;
  font-size: 0.56rem;
  text-transform: uppercase;
}

.rtc-visibility__conversation-detail h4 {
  margin: 6px 0 0;
  color: var(--vis-ink);
  font-size: 1.05rem;
}

.rtc-visibility__conversation-detail p {
  margin: 13px 0 0;
  color: #657c8f;
  font-size: 0.68rem;
  line-height: 1.65;
}

.rtc-visibility__conversation-detail footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
  padding-top: 13px;
  border-top: 1px solid var(--vis-line);
}

.rtc-visibility__conversation-detail footer span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border: 1px solid #c2d2dc;
  border-radius: 999px;
  color: #4d687c;
  background: #f5f8fa;
  font-size: 0.55rem;
  text-transform: none;
}

.rtc-visibility__conversation-detail footer i {
  color: var(--vis-green);
}

/* Leads */

.rtc-visibility__lead-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid var(--vis-line);
  background: var(--vis-line);
}

.rtc-visibility__lead-summary article {
  min-height: 100px;
  padding: 15px;
  background: #fff;
}

.rtc-visibility__lead-summary span,
.rtc-visibility__lead-summary strong {
  display: block;
}

.rtc-visibility__lead-summary span {
  color: #71869a;
  font-size: 0.55rem;
  text-transform: uppercase;
}

.rtc-visibility__lead-summary strong {
  margin-top: 8px;
  color: var(--vis-ink);
  font-size: 1.7rem;
}

.rtc-visibility__lead-list {
  display: grid;
  gap: 9px;
  margin-top: 15px;
}

.rtc-visibility__lead-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 82px;
  padding: 13px;
  border: 1px solid var(--vis-line);
  background: #fff;
}

.rtc-visibility__lead-item > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #bfd0dc;
  color: var(--vis-blue);
  background: #edf4f9;
}

.rtc-visibility__lead-item strong,
.rtc-visibility__lead-item span,
.rtc-visibility__lead-item small {
  display: block;
}

.rtc-visibility__lead-item strong {
  color: var(--vis-ink);
  font-size: 0.68rem;
}

.rtc-visibility__lead-item span {
  margin-top: 5px;
  color: #6e8395;
  font-size: 0.59rem;
  line-height: 1.45;
}

.rtc-visibility__lead-item small {
  margin-top: 4px;
  color: #8a9aa8;
  font-size: 0.54rem;
}

.rtc-visibility__lead-item em {
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 0.53rem;
  font-style: normal;
  font-weight: 820;
}

.rtc-visibility__lead-item em.is-high {
  color: #8a5d0f;
  background: #fff1ca;
}

.rtc-visibility__lead-item em.is-medium {
  color: #356b91;
  background: #eaf3fa;
}

/* Activity */

.rtc-visibility__activity-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--vis-line);
}

.rtc-visibility__activity-toolbar span,
.rtc-visibility__activity-toolbar strong {
  display: block;
}

.rtc-visibility__activity-toolbar span {
  color: #71869a;
  font-size: 0.55rem;
  text-transform: uppercase;
}

.rtc-visibility__activity-toolbar strong {
  margin-top: 5px;
  color: var(--vis-ink);
  font-size: 0.82rem;
}

.rtc-visibility__activity-toolbar button {
  appearance: none;
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid var(--vis-line);
  border-radius: 7px;
  color: #587083;
  background: #fff;
  font: inherit;
  font-size: 0.61rem;
  font-weight: 800;
  cursor: pointer;
}

.rtc-visibility__activity-list {
  display: grid;
  gap: 0;
  margin-top: 15px;
  border: 1px solid var(--vis-line);
  background: #fff;
}

.rtc-visibility__activity-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 78px;
  padding: 13px;
  border-bottom: 1px solid var(--vis-line);
}

.rtc-visibility__activity-item:last-child {
  border-bottom: 0;
}

.rtc-visibility__activity-item > i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid #bfd0dc;
  color: var(--vis-blue);
  background: #edf4f9;
}

.rtc-visibility__activity-item strong,
.rtc-visibility__activity-item span {
  display: block;
}

.rtc-visibility__activity-item strong {
  color: var(--vis-ink);
  font-size: 0.67rem;
}

.rtc-visibility__activity-item span {
  margin-top: 4px;
  color: #738799;
  font-size: 0.58rem;
  line-height: 1.45;
}

.rtc-visibility__activity-item time {
  color: #8798a7;
  font-size: 0.55rem;
  white-space: nowrap;
}

/* Boundary */

.rtc-visibility__boundary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 24px;
  padding: 1px;
  border: 1px solid var(--vis-line);
  background: var(--vis-line);
}

.rtc-visibility__boundary article {
  display: grid;
  min-height: 132px;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 19px;
  background: #fff;
}

.rtc-visibility__boundary article > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #bfd0dc;
  color: var(--vis-blue);
  background: #edf4f9;
}

.rtc-visibility__boundary strong,
.rtc-visibility__boundary span {
  display: block;
}

.rtc-visibility__boundary strong {
  color: var(--vis-ink);
  font-size: 0.74rem;
}

.rtc-visibility__boundary span {
  margin-top: 6px;
  color: #71869a;
  font-size: 0.62rem;
  line-height: 1.5;
}

/* Closing */

.rtc-visibility__closing {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(30px, 5vw, 90px);
  align-items: center;
  margin-top: clamp(32px, 4vw, 64px);
  padding-top: clamp(28px, 3vw, 44px);
  border-top: 1px solid var(--vis-line);
}

.rtc-visibility__closing > div:first-child > span {
  color: #3d78a6;
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.rtc-visibility__closing h3 {
  max-width: 1080px;
  margin: 10px 0 0;
  color: var(--vis-ink);
  font-size: clamp(1.7rem, 2.8vw, 3.8rem);
  font-weight: 650;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.rtc-visibility__closing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.rtc-visibility__closing-actions a {
  display: inline-flex;
  min-height: 49px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 820;
  text-decoration: none;
}

.rtc-visibility__closing-actions a:first-child {
  color: #061522;
  background: linear-gradient(90deg, var(--vis-blue), var(--vis-green));
}

.rtc-visibility__closing-actions a:last-child {
  border: 1px solid #adc0ce;
  color: #34536b;
  background: #fff;
}

/* Focus */

.rtc-visibility button:focus-visible,
.rtc-visibility a:focus-visible,
.rtc-visibility tr:focus-visible {
  outline: 3px solid rgba(76, 136, 189, 0.30);
  outline-offset: 3px;
}

/* Responsive */

@media (max-width: 1300px) {
  .rtc-visibility__metrics,
  .rtc-visibility__account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rtc-visibility__overview-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 960px) {
  .rtc-visibility__lead-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .rtc-visibility__workspace {
    grid-template-columns: 1fr;
  }

  .rtc-visibility__sidebar nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rtc-visibility__boundary {
    grid-template-columns: 1fr;
  }

  .rtc-visibility__closing {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .rtc-visibility {
    padding: 58px 0;
  }

  .rtc-visibility__shell {
    padding-inline: 16px;
  }

  .rtc-visibility__eyebrow {
    flex-wrap: wrap;
    border-radius: 10px;
  }

  .rtc-visibility__head h2 {
    font-size: clamp(2.35rem, 12vw, 4.4rem);
  }

  .rtc-visibility__sidebar nav,
  .rtc-visibility__metrics,
  .rtc-visibility__account-grid,
  .rtc-visibility__lead-summary {
    grid-template-columns: 1fr;
  }

  .rtc-visibility__panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .rtc-visibility__range {
    width: 100%;
  }

  .rtc-visibility__range button {
    flex: 1;
  }

  .rtc-visibility__intent-bars > div {
    grid-template-columns: 1fr 42px;
  }

  .rtc-visibility__intent-bars > div > i {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .rtc-visibility__operations-card > div article,
  .rtc-visibility__lead-item,
  .rtc-visibility__activity-item {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .rtc-visibility__operations-card article a,
  .rtc-visibility__lead-item em,
  .rtc-visibility__activity-item time {
    grid-column: 2;
  }

  .rtc-visibility__closing-actions {
    display: grid;
  }

  .rtc-visibility__closing-actions a {
    width: 100%;
  }
}

@media (min-width: 2200px) {
  .rtc-visibility__shell {
    padding-inline: 150px;
  }

  .rtc-visibility__workspace {
    min-height: 860px;
    grid-template-columns: minmax(360px, 0.20fr) minmax(0, 0.80fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .rtc-visibility *,
  .rtc-visibility *::before,
  .rtc-visibility *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   WEBSDOCS RTC — AUTOMATED ACTIVATION AND PUBLICATION
   COMPLETE SECTION CSS
   Append to rtc.css after Business Visibility.
========================================================= */

.rtc-activation,
.rtc-activation * {
  box-sizing: border-box;
}

.rtc-activation {
  --act-bg: #f4efe6;
  --act-panel: #ffffff;
  --act-panel-soft: #faf7f1;
  --act-ink: #18251f;
  --act-text: #40554b;
  --act-muted: #76857e;
  --act-line: #d4d4ca;
  --act-line-dark: #43584f;
  --act-green: #56b68d;
  --act-green-deep: #247153;
  --act-blue: #5d91bd;
  --act-amber: #d9a847;
  --act-red: #cd5d6d;
  --act-navy: #0b1d22;

  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: hidden;
  padding: clamp(82px, 7vw, 148px) 0;
  border-top: 1px solid var(--act-line);
  border-bottom: 1px solid var(--act-line);
  color: var(--act-text);
  background:
    linear-gradient(rgba(24, 37, 31, 0.034) 1px, transparent 1px),
    linear-gradient(90deg, rgba(24, 37, 31, 0.034) 1px, transparent 1px),
    radial-gradient(circle at 7% 0%, rgba(86, 182, 141, 0.12), transparent 31%),
    radial-gradient(circle at 94% 10%, rgba(217, 168, 71, 0.11), transparent 28%),
    var(--act-bg);
  background-size: 72px 72px, 72px 72px, auto, auto, auto;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rtc-activation__ambient {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.rtc-activation__ambient::before,
.rtc-activation__ambient::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.rtc-activation__ambient::before {
  width: 510px;
  height: 510px;
  top: 14%;
  left: -265px;
  border: 1px solid rgba(86, 182, 141, 0.16);
  box-shadow:
    0 0 0 70px rgba(86, 182, 141, 0.023),
    0 0 0 145px rgba(86, 182, 141, 0.015);
}

.rtc-activation__ambient::after {
  width: 440px;
  height: 440px;
  right: -230px;
  bottom: 8%;
  border: 1px solid rgba(217, 168, 71, 0.17);
  box-shadow:
    0 0 0 64px rgba(217, 168, 71, 0.022),
    0 0 0 136px rgba(217, 168, 71, 0.014);
}

.rtc-activation__shell {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: clamp(18px, 4.5vw, 150px);
}

/* Header */

.rtc-activation__head {
  max-width: 1660px;
}

.rtc-activation__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 8px 11px;
  border: 1px solid #c6c9bd;
  border-radius: 999px;
  color: var(--act-green-deep);
  background: rgba(255, 255, 255, 0.77);
  font-size: 0.7rem;
  font-weight: 820;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  box-shadow: 0 8px 22px rgba(24, 37, 31, 0.05);
}

.rtc-activation__eyebrow i {
  color: var(--act-green);
}

.rtc-activation__eyebrow strong {
  padding-left: 10px;
  border-left: 1px solid #c6c9bd;
  color: #8b6517;
}

.rtc-activation__head h2 {
  max-width: 1580px;
  margin: 0;
  color: var(--act-ink);
  font-size: clamp(2.8rem, 5.5vw, 7.3rem);
  font-weight: 700;
  letter-spacing: -0.065em;
  line-height: 0.94;
  text-wrap: balance;
}

.rtc-activation__head h2 span {
  display: block;
  color: var(--act-green-deep);
}

.rtc-activation__lead-grid {
  display: grid;
  max-width: 1500px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 80px);
  margin-top: clamp(26px, 3vw, 48px);
}

.rtc-activation__lead,
.rtc-activation__supporting {
  margin: 0;
  color: var(--act-muted);
  font-size: clamp(0.98rem, 1.05vw, 1.22rem);
  line-height: 1.75;
}

.rtc-activation__lead {
  color: #425d51;
}

/* Promise strip */

.rtc-activation__promise {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr) 38px
    minmax(0, 1fr) 38px
    minmax(0, 1fr);
  gap: 0;
  align-items: center;
  margin-top: clamp(46px, 5vw, 82px);
  padding: 1px;
  border: 1px solid var(--act-line);
  background: var(--act-line);
}

.rtc-activation__promise article {
  display: grid;
  min-height: 108px;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 20px;
  background: #fff;
}

.rtc-activation__promise article > i {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid #c4d2ca;
  color: var(--act-green-deep);
  background: #eef7f2;
}

.rtc-activation__promise span,
.rtc-activation__promise strong {
  display: block;
}

.rtc-activation__promise span {
  color: var(--act-muted);
  font-size: 0.61rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-activation__promise strong {
  margin-top: 6px;
  color: var(--act-ink);
  font-size: 0.79rem;
  line-height: 1.45;
}

.rtc-activation__promise > b {
  position: relative;
  height: 1px;
  background: #82968c;
}

.rtc-activation__promise > b::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #5d786c;
  border-right: 1px solid #5d786c;
  transform: translateY(-50%) rotate(45deg);
}

/* Workspace */

.rtc-activation__workspace {
  display: grid;
  width: 100%;
  min-height: 790px;
  grid-template-columns:
    minmax(265px, 0.23fr)
    minmax(650px, 0.49fr)
    minmax(370px, 0.28fr);
  gap: 1px;
  margin-top: 24px;
  padding: 1px;
  border: 1px solid var(--act-line-dark);
  background: var(--act-line-dark);
  box-shadow: 0 40px 115px rgba(24, 37, 31, 0.19);
}

/* Steps */

.rtc-activation__steps {
  padding: clamp(19px, 1.8vw, 28px);
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(86, 182, 141, 0.12), transparent 30%),
    var(--act-navy);
}

.rtc-activation__account {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding-bottom: 19px;
  border-bottom: 1px solid #315048;
}

.rtc-activation__account-mark {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: #071b16;
  background: linear-gradient(135deg, #70d2af, #d3df8b);
  font-size: 0.7rem;
  font-weight: 900;
}

.rtc-activation__account span,
.rtc-activation__account strong,
.rtc-activation__account small {
  display: block;
}

.rtc-activation__account span {
  color: #82a69c;
  font-size: 0.55rem;
  text-transform: uppercase;
}

.rtc-activation__account strong {
  margin-top: 4px;
  color: #fff;
  font-size: 0.76rem;
}

.rtc-activation__account small {
  margin-top: 3px;
  color: #83a49b;
  font-size: 0.59rem;
}

.rtc-activation__account > i {
  color: var(--act-green);
}

.rtc-activation__steps ol {
  display: grid;
  gap: 6px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.rtc-activation__steps li button {
  appearance: none;
  display: grid;
  width: 100%;
  min-height: 72px;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #8daaa1;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.rtc-activation__steps li button:hover,
.rtc-activation__steps li.is-active button {
  border-color: #385e55;
  color: #fff;
  background: #0d302c;
}

.rtc-activation__steps li.is-complete button {
  color: #afd7c8;
}

.rtc-activation__steps li button > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #38594f;
  border-radius: 50%;
  color: #8fb2a7;
  background: #102d29;
  font-size: 0.57rem;
  font-weight: 850;
}

.rtc-activation__steps li.is-active button > span {
  color: #071b16;
  background: linear-gradient(135deg, var(--act-green), #d8df91);
}

.rtc-activation__steps li.is-complete button > span {
  color: #071b16;
  background: var(--act-green);
}

.rtc-activation__steps li strong,
.rtc-activation__steps li small {
  display: block;
}

.rtc-activation__steps li strong {
  font-size: 0.67rem;
}

.rtc-activation__steps li small {
  margin-top: 4px;
  color: #789b92;
  font-size: 0.56rem;
  line-height: 1.42;
}

.rtc-activation__timing {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 11px;
  margin-top: 22px;
  padding-top: 19px;
  border-top: 1px solid #315048;
}

.rtc-activation__timing > i {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #385e55;
  color: #9cd8c2;
  background: #0d302c;
}

.rtc-activation__timing strong,
.rtc-activation__timing span {
  display: block;
}

.rtc-activation__timing strong {
  color: #fff;
  font-size: 0.65rem;
}

.rtc-activation__timing span {
  margin-top: 5px;
  color: #789b92;
  font-size: 0.58rem;
  line-height: 1.5;
}

/* Stage */

.rtc-activation__stage {
  display: flex;
  min-width: 0;
  min-height: 790px;
  flex-direction: column;
  color: var(--act-text);
  background: #f8faf8;
}

.rtc-activation__panel-head {
  display: flex;
  min-height: 84px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px clamp(18px, 2vw, 30px);
  border-bottom: 1px solid var(--act-line);
  background: #fff;
}

.rtc-activation__panel-head span {
  color: #71857c;
  font-size: 0.57rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-activation__panel-head h3 {
  margin: 5px 0 0;
  color: var(--act-ink);
  font-size: 1.28rem;
  letter-spacing: -0.03em;
}

.rtc-activation__panel-head em {
  display: inline-flex;
  min-height: 33px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid #bad1c5;
  border-radius: 999px;
  color: #22694f;
  background: #edf8f3;
  font-size: 0.59rem;
  font-style: normal;
  font-weight: 820;
  white-space: nowrap;
}

.rtc-activation__stage-content {
  flex: 1;
}

.rtc-activation__step-panel {
  min-height: 620px;
  padding: clamp(22px, 2.4vw, 38px);
}

.rtc-activation__step-panel[hidden] {
  display: none !important;
}

.rtc-activation__panel-copy > span {
  color: #4e816d;
  font-size: 0.61rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-activation__panel-copy h4 {
  max-width: 850px;
  margin: 8px 0 0;
  color: var(--act-ink);
  font-size: clamp(1.35rem, 1.8vw, 2.15rem);
  letter-spacing: -0.04em;
  line-height: 1.18;
}

.rtc-activation__panel-copy p {
  max-width: 860px;
  margin: 12px 0 0;
  color: var(--act-muted);
  font-size: 0.72rem;
  line-height: 1.65;
}

/* Checkout */

.rtc-activation__checkout-card,
.rtc-activation__email-card,
.rtc-activation__receipt {
  margin-top: 24px;
  border: 1px solid var(--act-line);
  background: #fff;
}

.rtc-activation__checkout-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 16px;
  border-bottom: 1px solid var(--act-line);
  background: #f7f9f7;
}

.rtc-activation__checkout-card header span,
.rtc-activation__checkout-card header strong {
  display: block;
}

.rtc-activation__checkout-card header span {
  color: #71857c;
  font-size: 0.55rem;
  text-transform: uppercase;
}

.rtc-activation__checkout-card header strong {
  margin-top: 5px;
  color: var(--act-ink);
  font-size: 0.76rem;
}

.rtc-activation__checkout-card header em {
  padding: 5px 8px;
  border-radius: 999px;
  color: #23684f;
  background: #eaf7f0;
  font-size: 0.55rem;
  font-style: normal;
  font-weight: 820;
}

.rtc-activation__checkout-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.rtc-activation__checkout-card dl > div {
  padding: 14px;
  border-right: 1px solid var(--act-line);
  border-bottom: 1px solid var(--act-line);
}

.rtc-activation__checkout-card dl > div:nth-child(even) {
  border-right: 0;
}

.rtc-activation__checkout-card dt {
  color: #71857c;
  font-size: 0.54rem;
  text-transform: uppercase;
}

.rtc-activation__checkout-card dd {
  margin: 6px 0 0;
  color: var(--act-ink);
  font-size: 0.66rem;
  font-weight: 800;
}

.rtc-activation__checkout-card > footer {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  color: #6b7d75;
  background: #f8faf8;
  font-size: 0.58rem;
}

/* Email */

.rtc-activation__email-top {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 0 15px;
  border-bottom: 1px solid var(--act-line);
  background: #f7f9f7;
}

.rtc-activation__email-top span {
  color: var(--act-ink);
  font-size: 0.65rem;
  font-weight: 800;
}

.rtc-activation__email-top em {
  color: #76877f;
  font-size: 0.55rem;
  font-style: normal;
}

.rtc-activation__email-body {
  padding: clamp(22px, 2.4vw, 36px);
  text-align: center;
}

.rtc-activation__email-logo {
  display: grid;
  width: 52px;
  height: 52px;
  margin: 0 auto;
  place-items: center;
  color: #071b16;
  background: linear-gradient(135deg, var(--act-green), #d7df91);
  font-size: 0.75rem;
  font-weight: 900;
}

.rtc-activation__email-body > span {
  display: block;
  margin-top: 16px;
  color: #4f816d;
  font-size: 0.58rem;
  font-weight: 850;
  text-transform: uppercase;
}

.rtc-activation__email-body h5 {
  margin: 8px 0 0;
  color: var(--act-ink);
  font-size: 1.35rem;
}

.rtc-activation__email-body p {
  max-width: 620px;
  margin: 11px auto 0;
  color: var(--act-muted);
  font-size: 0.67rem;
  line-height: 1.6;
}

.rtc-activation__code {
  width: fit-content;
  margin: 18px auto 0;
  padding: 12px 16px;
  border: 1px dashed #91ac9f;
  color: var(--act-green-deep);
  background: #eef7f2;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.85rem;
  font-weight: 850;
  letter-spacing: 0.08em;
}

.rtc-activation__email-body button {
  appearance: none;
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  padding: 0 12px;
  border: 1px solid #c2d0c8;
  border-radius: 7px;
  color: #526b60;
  background: #fff;
  font: inherit;
  font-size: 0.61rem;
  font-weight: 820;
  cursor: pointer;
}

.rtc-activation__email-card > footer {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border-top: 1px solid var(--act-line);
  color: #7e6a36;
  background: #fff7e3;
  font-size: 0.58rem;
}

/* Forms */

.rtc-activation__verify-form,
.rtc-activation__final-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
  padding: 18px;
  border: 1px solid var(--act-line);
  background: #fff;
}

.rtc-activation__verify-form label,
.rtc-activation__final-form label {
  display: grid;
  gap: 8px;
}

.rtc-activation__verify-form label > span,
.rtc-activation__final-form label > span {
  color: #546b61;
  font-size: 0.63rem;
  font-weight: 800;
}

.rtc-activation input {
  width: 100%;
  min-height: 46px;
  padding: 0 12px;
  border: 1px solid #bac9c1;
  border-radius: 8px;
  color: var(--act-ink);
  background: #fff;
  font: inherit;
  font-size: 0.7rem;
  outline: none;
}

.rtc-activation input:focus {
  border-color: var(--act-green);
  box-shadow: 0 0 0 4px rgba(86, 182, 141, 0.11);
}

.rtc-activation__verify-form > button,
.rtc-activation__final-form > button {
  appearance: none;
  display: inline-flex;
  min-height: 47px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  align-self: end;
  border: 0;
  border-radius: 8px;
  color: #071b16;
  background: linear-gradient(90deg, var(--act-green), #d6df91);
  font: inherit;
  font-size: 0.67rem;
  font-weight: 850;
  cursor: pointer;
}

.rtc-activation__form-message {
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-left: 3px solid var(--act-blue);
  color: #60766c;
  background: #f0f5f3;
  font-size: 0.61rem;
  line-height: 1.5;
}

.rtc-activation__form-message.is-error {
  border-left-color: var(--act-red);
  color: #8c4050;
  background: #fff0f3;
}

.rtc-activation__form-message.is-success {
  border-left-color: var(--act-green);
  color: #24624f;
  background: #edf8f3;
}

/* Setup grid */

.rtc-activation__setup-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 24px;
}

.rtc-activation__setup-grid article {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  min-height: 84px;
  padding: 13px;
  border: 1px solid var(--act-line);
  background: #fff;
}

.rtc-activation__setup-grid article > i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid #c2d0c8;
  color: var(--act-green-deep);
  background: #eef7f2;
}

.rtc-activation__setup-grid strong,
.rtc-activation__setup-grid span {
  display: block;
}

.rtc-activation__setup-grid strong {
  color: var(--act-ink);
  font-size: 0.68rem;
}

.rtc-activation__setup-grid span {
  margin-top: 5px;
  color: var(--act-muted);
  font-size: 0.58rem;
  line-height: 1.45;
}

.rtc-activation__setup-grid em {
  padding: 5px 7px;
  border-radius: 999px;
  color: #24694f;
  background: #eaf7f0;
  font-size: 0.52rem;
  font-style: normal;
  font-weight: 820;
}

/* Final form */

.rtc-activation__final-summary {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  border: 1px solid var(--act-line);
  background: var(--act-line);
}

.rtc-activation__final-summary article {
  padding: 12px;
  background: #f7f9f7;
}

.rtc-activation__final-summary span,
.rtc-activation__final-summary strong {
  display: block;
}

.rtc-activation__final-summary span {
  color: #71857c;
  font-size: 0.54rem;
  text-transform: uppercase;
}

.rtc-activation__final-summary strong {
  margin-top: 5px;
  color: var(--act-ink);
  font-size: 0.68rem;
}

.rtc-activation__agreement {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 9px !important;
  align-items: start;
  padding: 12px;
  border: 1px solid #d4c996;
  background: #fff8e4;
}

.rtc-activation__agreement input {
  min-height: auto;
  margin-top: 2px;
  accent-color: var(--act-green);
}

.rtc-activation__agreement span {
  color: #75653e !important;
  font-size: 0.6rem !important;
  line-height: 1.5;
}

/* Receipt */

.rtc-activation__receipt > header {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  padding: 18px;
  border-bottom: 1px solid var(--act-line);
  background:
    radial-gradient(circle at 100% 0%, rgba(86, 182, 141, 0.12), transparent 34%),
    #f7faf8;
}

.rtc-activation__receipt-mark {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--act-green);
}

.rtc-activation__receipt header span,
.rtc-activation__receipt header h5 {
  display: block;
}

.rtc-activation__receipt header span {
  color: var(--act-green-deep);
  font-size: 0.58rem;
  font-weight: 850;
  text-transform: uppercase;
}

.rtc-activation__receipt header h5 {
  margin: 6px 0 0;
  color: var(--act-ink);
  font-size: 1rem;
}

.rtc-activation__receipt header em {
  padding: 5px 8px;
  border-radius: 999px;
  color: #22684f;
  background: #eaf7f0;
  font-size: 0.54rem;
  font-style: normal;
  font-weight: 850;
}

.rtc-activation__receipt-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rtc-activation__receipt-grid article {
  padding: 13px;
  border-right: 1px solid var(--act-line);
  border-bottom: 1px solid var(--act-line);
}

.rtc-activation__receipt-grid article:nth-child(3n) {
  border-right: 0;
}

.rtc-activation__receipt-grid span,
.rtc-activation__receipt-grid strong {
  display: block;
}

.rtc-activation__receipt-grid span {
  color: #71857c;
  font-size: 0.53rem;
  text-transform: uppercase;
}

.rtc-activation__receipt-grid strong {
  margin-top: 5px;
  overflow: hidden;
  color: var(--act-ink);
  font-size: 0.64rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rtc-activation__receipt-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px;
}

.rtc-activation__receipt-actions button,
.rtc-activation__receipt-actions a {
  appearance: none;
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border-radius: 7px;
  font: inherit;
  font-size: 0.6rem;
  font-weight: 820;
  text-decoration: none;
  cursor: pointer;
}

.rtc-activation__receipt-actions button {
  border: 0;
  color: #071b16;
  background: linear-gradient(90deg, var(--act-green), #d5df90);
}

.rtc-activation__receipt-actions a {
  border: 1px solid #c2d0c8;
  color: #496358;
  background: #fff;
}

.rtc-activation__install-code {
  margin: 0 14px 14px;
  padding: 12px;
  overflow-x: auto;
  border: 1px solid #c5d2cb;
  color: #466158;
  background: #f3f7f5;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.58rem;
  line-height: 1.55;
}

/* Stage footer */

.rtc-activation__stage-footer {
  display: grid;
  grid-template-columns: auto minmax(160px, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 78px;
  margin-top: auto;
  padding: 16px clamp(18px, 2vw, 30px);
  border-top: 1px solid var(--act-line);
  background: #fff;
}

.rtc-activation__stage-footer button {
  appearance: none;
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid #c2d0c8;
  border-radius: 7px;
  color: #50675d;
  background: #fff;
  font: inherit;
  font-size: 0.62rem;
  font-weight: 820;
  cursor: pointer;
}

.rtc-activation__stage-footer button:last-child {
  border: 0;
  color: #071b16;
  background: linear-gradient(90deg, var(--act-green), #d6df91);
}

.rtc-activation__stage-footer button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.rtc-activation__stage-footer > div span {
  display: block;
  color: #71857c;
  font-size: 0.57rem;
  text-align: center;
}

.rtc-activation__stage-footer > div i {
  display: block;
  height: 6px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #dfe6e1;
}

.rtc-activation__stage-footer > div b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--act-green), var(--act-amber));
  transition: width 300ms ease;
}

/* Assurance */

.rtc-activation__assurance {
  padding: clamp(19px, 1.8vw, 28px);
  background: #f3f6f3;
}

.rtc-activation__assurance > header span,
.rtc-activation__assurance > header strong {
  display: block;
}

.rtc-activation__assurance > header span {
  color: #71857c;
  font-size: 0.57rem;
  text-transform: uppercase;
}

.rtc-activation__assurance > header strong {
  margin-top: 5px;
  color: var(--act-ink);
  font-size: 0.82rem;
}

.rtc-activation__assurance-list {
  display: grid;
  gap: 8px;
  margin-top: 17px;
}

.rtc-activation__assurance-list article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-height: 74px;
  padding: 12px;
  border: 1px solid var(--act-line);
  background: #fff;
}

.rtc-activation__assurance-list article > i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #c2d0c8;
  color: var(--act-green-deep);
  background: #eef7f2;
}

.rtc-activation__assurance-list strong,
.rtc-activation__assurance-list span {
  display: block;
}

.rtc-activation__assurance-list strong {
  color: var(--act-ink);
  font-size: 0.66rem;
}

.rtc-activation__assurance-list span {
  margin-top: 4px;
  color: var(--act-muted);
  font-size: 0.57rem;
  line-height: 1.45;
}

.rtc-activation__timing-factors,
.rtc-activation__assurance-note {
  margin-top: 18px;
  padding-top: 17px;
  border-top: 1px solid var(--act-line);
}

.rtc-activation__timing-factors > span {
  color: #71857c;
  font-size: 0.57rem;
  font-weight: 820;
  text-transform: uppercase;
}

.rtc-activation__timing-factors ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-left: 18px;
  color: #64796f;
  font-size: 0.59rem;
  line-height: 1.45;
}

.rtc-activation__assurance-note {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
}

.rtc-activation__assurance-note > i {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #d7c996;
  color: #85641c;
  background: #fff4d9;
}

.rtc-activation__assurance-note p {
  margin: 0;
  color: #6e7665;
  font-size: 0.59rem;
  line-height: 1.55;
}

/* Closing */

.rtc-activation__closing {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(30px, 5vw, 90px);
  align-items: center;
  margin-top: clamp(32px, 4vw, 64px);
  padding-top: clamp(28px, 3vw, 44px);
  border-top: 1px solid var(--act-line);
}

.rtc-activation__closing > div:first-child > span {
  color: var(--act-green-deep);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.rtc-activation__closing h3 {
  max-width: 1080px;
  margin: 10px 0 0;
  color: var(--act-ink);
  font-size: clamp(1.7rem, 2.8vw, 3.8rem);
  font-weight: 650;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.rtc-activation__closing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.rtc-activation__closing-actions a {
  display: inline-flex;
  min-height: 49px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 820;
  text-decoration: none;
}

.rtc-activation__closing-actions a:first-child {
  color: #071b16;
  background: linear-gradient(90deg, var(--act-green), #d7df91);
}

.rtc-activation__closing-actions a:last-child {
  border: 1px solid #bfcbbf;
  color: #40594e;
  background: #fff;
}

/* Focus */

.rtc-activation button:focus-visible,
.rtc-activation a:focus-visible,
.rtc-activation input:focus-visible {
  outline: 3px solid rgba(86, 182, 141, 0.30);
  outline-offset: 3px;
}

/* Responsive */

@media (max-width: 1420px) {
  .rtc-activation__workspace {
    grid-template-columns:
      minmax(245px, 0.23fr)
      minmax(580px, 0.50fr)
      minmax(330px, 0.27fr);
  }
}

@media (max-width: 1160px) {
  .rtc-activation__workspace {
    grid-template-columns: 255px minmax(0, 1fr);
  }

  .rtc-activation__assurance {
    grid-column: 1 / -1;
  }

  .rtc-activation__assurance-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .rtc-activation__lead-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .rtc-activation__promise {
    grid-template-columns: 1fr;
  }

  .rtc-activation__promise > b {
    display: none;
  }

  .rtc-activation__workspace {
    grid-template-columns: 1fr;
  }

  .rtc-activation__assurance {
    grid-column: auto;
  }

  .rtc-activation__steps ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rtc-activation__assurance-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rtc-activation__closing {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .rtc-activation {
    padding: 58px 0;
  }

  .rtc-activation__shell {
    padding-inline: 16px;
  }

  .rtc-activation__eyebrow {
    flex-wrap: wrap;
    border-radius: 10px;
  }

  .rtc-activation__head h2 {
    font-size: clamp(2.35rem, 12vw, 4.4rem);
  }

  .rtc-activation__steps ol,
  .rtc-activation__assurance-list,
  .rtc-activation__setup-grid,
  .rtc-activation__verify-form,
  .rtc-activation__final-form {
    grid-template-columns: 1fr;
  }

  .rtc-activation__panel-head {
    align-items: flex-start;
  }

  .rtc-activation__panel-head em {
    display: none;
  }

  .rtc-activation__checkout-card dl,
  .rtc-activation__receipt-grid,
  .rtc-activation__final-summary {
    grid-template-columns: 1fr;
  }

  .rtc-activation__checkout-card dl > div,
  .rtc-activation__receipt-grid article {
    border-right: 0;
  }

  .rtc-activation__agreement {
    grid-column: auto;
  }

  .rtc-activation__stage-footer {
    grid-template-columns: 1fr 1fr;
  }

  .rtc-activation__stage-footer > div {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .rtc-activation__stage-footer button:last-child {
    justify-content: flex-end;
  }

  .rtc-activation__receipt-actions,
  .rtc-activation__closing-actions {
    display: grid;
  }

  .rtc-activation__receipt-actions button,
  .rtc-activation__receipt-actions a,
  .rtc-activation__closing-actions a {
    width: 100%;
    justify-content: center;
  }
}

@media (min-width: 2200px) {
  .rtc-activation__shell {
    padding-inline: 150px;
  }

  .rtc-activation__workspace {
    min-height: 900px;
    grid-template-columns:
      minmax(390px, 0.22fr)
      minmax(1050px, 0.50fr)
      minmax(610px, 0.28fr);
  }

  .rtc-activation__stage {
    min-height: 900px;
  }

  .rtc-activation__step-panel {
    min-height: 720px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rtc-activation *,
  .rtc-activation *::before,
  .rtc-activation *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   WEBSDOCS RTC — TRUST, ACCESS, AND OPERATING BOUNDARIES
   COMPLETE SECTION CSS
   Append to rtc.css after Activation and Publication.
========================================================= */

.rtc-trust,
.rtc-trust * {
  box-sizing: border-box;
}

.rtc-trust {
  --trust-bg: #07151d;
  --trust-bg-2: #0b2632;
  --trust-panel: #ffffff;
  --trust-panel-soft: #f4f7f8;
  --trust-ink: #102832;
  --trust-text: #385360;
  --trust-muted: #71858e;
  --trust-line: #c8d3d7;
  --trust-line-dark: #294851;
  --trust-green: #65c7a4;
  --trust-green-deep: #278164;
  --trust-blue: #68abd0;
  --trust-amber: #d5a84d;
  --trust-red: #d06376;
  --trust-white: #ffffff;

  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: hidden;
  padding: clamp(82px, 7vw, 148px) 0;
  border-top: 1px solid #203e47;
  border-bottom: 1px solid #203e47;
  color: #dcebef;
  background:
    linear-gradient(rgba(255, 255, 255, 0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.032) 1px, transparent 1px),
    radial-gradient(circle at 7% 0%, rgba(101, 199, 164, 0.13), transparent 31%),
    radial-gradient(circle at 94% 9%, rgba(104, 171, 208, 0.12), transparent 27%),
    var(--trust-bg);
  background-size: 72px 72px, 72px 72px, auto, auto, auto;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rtc-trust__ambient {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.rtc-trust__ambient::before,
.rtc-trust__ambient::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.rtc-trust__ambient::before {
  width: 510px;
  height: 510px;
  top: 13%;
  left: -270px;
  border: 1px solid rgba(101, 199, 164, 0.17);
  box-shadow:
    0 0 0 72px rgba(101, 199, 164, 0.024),
    0 0 0 150px rgba(101, 199, 164, 0.015);
}

.rtc-trust__ambient::after {
  width: 450px;
  height: 450px;
  right: -235px;
  bottom: 9%;
  border: 1px solid rgba(104, 171, 208, 0.16);
  box-shadow:
    0 0 0 65px rgba(104, 171, 208, 0.022),
    0 0 0 138px rgba(104, 171, 208, 0.014);
}

.rtc-trust__shell {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: clamp(18px, 4.5vw, 150px);
}

/* Header */

.rtc-trust__head {
  max-width: 1660px;
}

.rtc-trust__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 8px 11px;
  border: 1px solid #345761;
  border-radius: 999px;
  color: #9ed8c3;
  background: rgba(11, 38, 50, 0.78);
  font-size: 0.7rem;
  font-weight: 820;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.rtc-trust__eyebrow i {
  color: var(--trust-green);
}

.rtc-trust__eyebrow strong {
  padding-left: 10px;
  border-left: 1px solid #345761;
  color: #93c9e3;
}

.rtc-trust__head h2 {
  max-width: 1580px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.8rem, 5.5vw, 7.4rem);
  font-weight: 700;
  letter-spacing: -0.065em;
  line-height: 0.94;
  text-wrap: balance;
}

.rtc-trust__head h2 span {
  display: block;
  color: #82d4bc;
}

.rtc-trust__lead-grid {
  display: grid;
  max-width: 1500px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 80px);
  margin-top: clamp(26px, 3vw, 48px);
}

.rtc-trust__lead,
.rtc-trust__supporting {
  margin: 0;
  color: #91aeb7;
  font-size: clamp(0.98rem, 1.05vw, 1.22rem);
  line-height: 1.75;
}

.rtc-trust__lead {
  color: #dbeaec;
}

/* Principles */

.rtc-trust__principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: clamp(46px, 5vw, 82px);
  padding: 1px;
  border: 1px solid var(--trust-line-dark);
  background: var(--trust-line-dark);
}

.rtc-trust__principles article {
  display: grid;
  min-height: 116px;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 20px;
  background: #0a2029;
}

.rtc-trust__principles article > i {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid #345761;
  color: var(--trust-green);
  background: #0e2c37;
}

.rtc-trust__principles span,
.rtc-trust__principles strong {
  display: block;
}

.rtc-trust__principles span {
  color: #7d9ba4;
  font-size: 0.61rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-trust__principles strong {
  margin-top: 6px;
  color: #edf7f8;
  font-size: 0.79rem;
  line-height: 1.45;
}

/* Workspace */

.rtc-trust__workspace {
  display: grid;
  width: 100%;
  min-height: 800px;
  grid-template-columns:
    minmax(255px, 0.21fr)
    minmax(650px, 0.51fr)
    minmax(370px, 0.28fr);
  gap: 1px;
  margin-top: 24px;
  padding: 1px;
  border: 1px solid var(--trust-line-dark);
  background: var(--trust-line-dark);
  box-shadow: 0 40px 115px rgba(0, 0, 0, 0.30);
}

/* Navigation */

.rtc-trust__nav {
  padding: clamp(19px, 1.8vw, 28px);
  background:
    radial-gradient(circle at 100% 0%, rgba(101, 199, 164, 0.11), transparent 30%),
    #071922;
}

.rtc-trust__identity {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding-bottom: 19px;
  border-bottom: 1px solid #294b54;
}

.rtc-trust__identity-mark {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: #061916;
  background: linear-gradient(135deg, var(--trust-green), var(--trust-blue));
}

.rtc-trust__identity span,
.rtc-trust__identity strong,
.rtc-trust__identity small {
  display: block;
}

.rtc-trust__identity span {
  color: #7d9ba4;
  font-size: 0.55rem;
  text-transform: uppercase;
}

.rtc-trust__identity strong {
  margin-top: 4px;
  color: #fff;
  font-size: 0.76rem;
}

.rtc-trust__identity small {
  margin-top: 3px;
  color: #82a0a9;
  font-size: 0.59rem;
}

.rtc-trust__identity > i {
  color: var(--trust-green);
}

.rtc-trust__nav nav {
  display: grid;
  gap: 7px;
  margin-top: 22px;
}

.rtc-trust__nav nav button {
  appearance: none;
  display: grid;
  width: 100%;
  min-height: 68px;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #8ca8b0;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.rtc-trust__nav nav button:hover,
.rtc-trust__nav nav button.is-active {
  border-color: #345761;
  color: #fff;
  background: #0d2c37;
}

.rtc-trust__nav nav button > i {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #31525d;
  color: #83c9b5;
  background: #0a2530;
}

.rtc-trust__nav nav strong,
.rtc-trust__nav nav small {
  display: block;
}

.rtc-trust__nav nav strong {
  font-size: 0.68rem;
}

.rtc-trust__nav nav small {
  margin-top: 4px;
  color: #74939d;
  font-size: 0.56rem;
  line-height: 1.4;
}

.rtc-trust__status {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 24px;
  padding: 1px;
  border: 1px solid #294b54;
  background: #294b54;
}

.rtc-trust__status article {
  padding: 10px;
  background: #0a222c;
}

.rtc-trust__status span,
.rtc-trust__status strong {
  display: block;
}

.rtc-trust__status span {
  color: #76949d;
  font-size: 0.51rem;
  text-transform: uppercase;
}

.rtc-trust__status strong {
  margin-top: 5px;
  color: #fff;
  font-size: 0.61rem;
}

.rtc-trust__nav-note {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  margin-top: 22px;
  padding-top: 19px;
  border-top: 1px solid #294b54;
}

.rtc-trust__nav-note > i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #345761;
  color: #9bcdbc;
  background: #0d2c37;
}

.rtc-trust__nav-note p {
  margin: 0;
  color: #75949d;
  font-size: 0.58rem;
  line-height: 1.55;
}

/* Main */

.rtc-trust__main {
  min-width: 0;
  color: var(--trust-text);
  background: #f5f8f8;
}

.rtc-trust__panel-head {
  display: flex;
  min-height: 84px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px clamp(18px, 2vw, 30px);
  border-bottom: 1px solid var(--trust-line);
  background: #fff;
}

.rtc-trust__panel-head span {
  color: #71868e;
  font-size: 0.57rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-trust__panel-head h3 {
  margin: 5px 0 0;
  color: var(--trust-ink);
  font-size: 1.28rem;
  letter-spacing: -0.03em;
}

.rtc-trust__panel-head em {
  display: inline-flex;
  min-height: 33px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #bad4c9;
  border-radius: 999px;
  color: #226e54;
  background: #edf8f3;
  font-size: 0.59rem;
  font-style: normal;
  font-weight: 820;
  white-space: nowrap;
}

.rtc-trust__panel-head em[data-state="checking"] {
  border-color: #d8c58e;
  color: #7d5d16;
  background: #fff8e5;
}

.rtc-trust__panel-head em[data-state="blocked"] {
  border-color: #dfb7c0;
  color: #914155;
  background: #fff0f3;
}

.rtc-trust__panel {
  padding: clamp(21px, 2.3vw, 36px);
}

.rtc-trust__panel[hidden] {
  display: none !important;
}

.rtc-trust__panel-intro > span {
  color: #3d7f68;
  font-size: 0.61rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-trust__panel-intro h4 {
  max-width: 850px;
  margin: 8px 0 0;
  color: var(--trust-ink);
  font-size: clamp(1.3rem, 1.75vw, 2.05rem);
  letter-spacing: -0.04em;
  line-height: 1.2;
}

.rtc-trust__panel-intro p {
  max-width: 850px;
  margin: 12px 0 0;
  color: var(--trust-muted);
  font-size: 0.71rem;
  line-height: 1.65;
}

/* Request controls */

.rtc-trust__request-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-top: 23px;
  padding: 16px;
  border: 1px solid var(--trust-line);
  background: #fff;
}

.rtc-trust__request-controls label {
  display: grid;
  gap: 8px;
}

.rtc-trust__request-controls label > span,
.rtc-trust__scenario label > span {
  color: #546d76;
  font-size: 0.62rem;
  font-weight: 800;
}

.rtc-trust select,
.rtc-trust input {
  width: 100%;
  min-height: 45px;
  padding: 0 11px;
  border: 1px solid #b9c9ce;
  border-radius: 8px;
  color: var(--trust-ink);
  background: #fff;
  font: inherit;
  font-size: 0.68rem;
  outline: none;
}

.rtc-trust select:focus,
.rtc-trust input:focus {
  border-color: var(--trust-green);
  box-shadow: 0 0 0 4px rgba(101, 199, 164, 0.11);
}

.rtc-trust__request-controls > button {
  appearance: none;
  display: inline-flex;
  min-height: 46px;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 8px;
  color: #061916;
  background: linear-gradient(90deg, var(--trust-green), var(--trust-blue));
  font: inherit;
  font-size: 0.67rem;
  font-weight: 850;
  cursor: pointer;
}

/* Check path */

.rtc-trust__check-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.rtc-trust__check-path article {
  display: grid;
  min-height: 105px;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 13px;
  border: 1px solid var(--trust-line);
  background: #fff;
}

.rtc-trust__check-path article > i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #bfd0d4;
  color: #557b8b;
  background: #eef4f5;
}

.rtc-trust__check-path article div span,
.rtc-trust__check-path article div strong,
.rtc-trust__check-path article div small {
  display: block;
}

.rtc-trust__check-path article div span {
  color: #83949b;
  font-size: 0.51rem;
}

.rtc-trust__check-path article div strong {
  margin-top: 3px;
  color: var(--trust-ink);
  font-size: 0.64rem;
}

.rtc-trust__check-path article div small {
  margin-top: 5px;
  color: #788a91;
  font-size: 0.55rem;
  line-height: 1.4;
}

.rtc-trust__check-path article em {
  grid-column: 1 / -1;
  width: fit-content;
  padding: 4px 7px;
  border-radius: 999px;
  color: #687d84;
  background: #edf2f3;
  font-size: 0.51rem;
  font-style: normal;
  font-weight: 820;
}

.rtc-trust__check-path article.is-checking {
  border-color: #d6c487;
  background: #fffaf0;
}

.rtc-trust__check-path article.is-pass {
  border-color: #a8ccbe;
  background: #f0f9f5;
}

.rtc-trust__check-path article.is-pass > i,
.rtc-trust__check-path article.is-pass em {
  color: #246e54;
  background: #dff2e9;
}

.rtc-trust__check-path article.is-warn {
  border-color: #d7c17c;
  background: #fff8e4;
}

.rtc-trust__check-path article.is-warn > i,
.rtc-trust__check-path article.is-warn em {
  color: #805f14;
  background: #f8e9bc;
}

.rtc-trust__check-path article.is-fail {
  border-color: #db9eaa;
  background: #fff0f3;
}

.rtc-trust__check-path article.is-fail > i,
.rtc-trust__check-path article.is-fail em {
  color: #934052;
  background: #f8dfe4;
}

/* Decision */

.rtc-trust__decision {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 16px;
  padding: 17px;
  border: 1px solid var(--trust-line);
  background: #fff;
}

.rtc-trust__decision-icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border: 1px solid #bfd0d4;
  color: #557b8b;
  background: #eef4f5;
}

.rtc-trust__decision span,
.rtc-trust__decision h5,
.rtc-trust__decision p {
  display: block;
}

.rtc-trust__decision span {
  color: #71868e;
  font-size: 0.54rem;
  font-weight: 820;
  text-transform: uppercase;
}

.rtc-trust__decision h5 {
  margin: 5px 0 0;
  color: var(--trust-ink);
  font-size: 0.87rem;
}

.rtc-trust__decision p {
  margin: 6px 0 0;
  color: #71858d;
  font-size: 0.61rem;
  line-height: 1.5;
}

.rtc-trust__decision[data-decision="answer"] {
  border-color: #a9ccbe;
  background: #eef8f4;
}

.rtc-trust__decision[data-decision="answer"] .rtc-trust__decision-icon {
  color: #216b51;
  background: #dff2e9;
}

.rtc-trust__decision[data-decision="limit"] {
  border-color: #d5c079;
  background: #fff8e5;
}

.rtc-trust__decision[data-decision="limit"] .rtc-trust__decision-icon {
  color: #7e5c13;
  background: #f7e8b8;
}

.rtc-trust__decision[data-decision="route"] {
  border-color: #a9c8da;
  background: #eef6fa;
}

.rtc-trust__decision[data-decision="route"] .rtc-trust__decision-icon {
  color: #356e91;
  background: #dcecf5;
}

.rtc-trust__decision[data-decision="block"] {
  border-color: #dca2ad;
  background: #fff0f3;
}

.rtc-trust__decision[data-decision="block"] .rtc-trust__decision-icon {
  color: #944154;
  background: #f8dfe5;
}

/* Knowledge */

.rtc-trust__knowledge-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 23px;
}

.rtc-trust__knowledge-grid article {
  display: grid;
  min-height: 112px;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--trust-line);
  background: #fff;
}

.rtc-trust__knowledge-grid article > i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid #bfd0d4;
  background: #eef4f5;
}

.rtc-trust__knowledge-grid span,
.rtc-trust__knowledge-grid strong,
.rtc-trust__knowledge-grid small {
  display: block;
}

.rtc-trust__knowledge-grid span {
  color: #71868e;
  font-size: 0.53rem;
  text-transform: uppercase;
}

.rtc-trust__knowledge-grid strong {
  margin-top: 5px;
  color: var(--trust-ink);
  font-size: 0.68rem;
}

.rtc-trust__knowledge-grid small {
  margin-top: 5px;
  color: #74878e;
  font-size: 0.57rem;
  line-height: 1.45;
}

.rtc-trust__knowledge-grid article.is-allowed > i {
  color: #246d53;
  background: #e2f3eb;
}

.rtc-trust__knowledge-grid article.is-limited > i {
  color: #376f91;
  background: #e2eff6;
}

.rtc-trust__knowledge-grid article.is-blocked > i {
  color: #934052;
  background: #f8dfe4;
}

/* Scenario */

.rtc-trust__scenario {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 16px;
  padding: 15px;
  border: 1px solid var(--trust-line);
  background: #eef4f5;
}

.rtc-trust__scenario label {
  display: grid;
  gap: 8px;
}

.rtc-trust__scenario > button {
  appearance: none;
  align-self: end;
  min-height: 45px;
  padding: 0 14px;
  border: 0;
  border-radius: 7px;
  color: #061916;
  background: linear-gradient(90deg, var(--trust-green), var(--trust-blue));
  font: inherit;
  font-size: 0.64rem;
  font-weight: 830;
  cursor: pointer;
}

.rtc-trust__scenario-result {
  grid-column: 1 / -1;
  padding: 12px;
  border-left: 3px solid var(--trust-blue);
  color: #526e79;
  background: #fff;
  font-size: 0.64rem;
  line-height: 1.55;
}

.rtc-trust__human-boundary {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #a9c9d8;
  background: #eef6fa;
}

.rtc-trust__human-boundary > div {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  color: #376f91;
  background: #dcecf5;
}

.rtc-trust__human-boundary span,
.rtc-trust__human-boundary h5,
.rtc-trust__human-boundary p {
  display: block;
}

.rtc-trust__human-boundary span {
  color: #507b94;
  font-size: 0.53rem;
  text-transform: uppercase;
}

.rtc-trust__human-boundary h5 {
  margin: 5px 0 0;
  color: var(--trust-ink);
  font-size: 0.76rem;
}

.rtc-trust__human-boundary p {
  margin: 6px 0 0;
  color: #647f8d;
  font-size: 0.59rem;
  line-height: 1.48;
}

.rtc-trust__human-boundary a {
  color: #336d91;
  font-size: 0.59rem;
  font-weight: 820;
  text-decoration: none;
  white-space: nowrap;
}

/* Access */

.rtc-trust__access-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 23px;
  padding: 1px;
  border: 1px solid var(--trust-line);
  background: var(--trust-line);
}

.rtc-trust__access-summary article {
  min-height: 104px;
  padding: 14px;
  background: #fff;
}

.rtc-trust__access-summary span,
.rtc-trust__access-summary strong,
.rtc-trust__access-summary small {
  display: block;
}

.rtc-trust__access-summary span {
  color: #71868e;
  font-size: 0.53rem;
  text-transform: uppercase;
}

.rtc-trust__access-summary strong {
  margin-top: 7px;
  color: var(--trust-ink);
  font-size: 1.05rem;
}

.rtc-trust__access-summary small {
  margin-top: 5px;
  color: #74878e;
  font-size: 0.55rem;
  line-height: 1.4;
}

.rtc-trust__session-list {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.rtc-trust__session-list article {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  min-height: 76px;
  padding: 13px;
  border: 1px solid var(--trust-line);
  background: #fff;
}

.rtc-trust__session-list article > i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid #bfd0d4;
  color: #477989;
  background: #eef4f5;
}

.rtc-trust__session-list strong,
.rtc-trust__session-list span {
  display: block;
}

.rtc-trust__session-list strong {
  color: var(--trust-ink);
  font-size: 0.67rem;
}

.rtc-trust__session-list span {
  margin-top: 5px;
  color: #74878e;
  font-size: 0.58rem;
}

.rtc-trust__session-list em {
  color: #657b83;
  font-size: 0.55rem;
  font-style: normal;
  white-space: nowrap;
}

.rtc-trust__access-rules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 16px;
}

.rtc-trust__access-rules article {
  display: grid;
  min-height: 112px;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--trust-line);
  background: #fff;
}

.rtc-trust__access-rules article > i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid #bfd0d4;
  color: var(--trust-green-deep);
  background: #eef7f3;
}

.rtc-trust__access-rules strong,
.rtc-trust__access-rules span {
  display: block;
}

.rtc-trust__access-rules strong {
  color: var(--trust-ink);
  font-size: 0.66rem;
}

.rtc-trust__access-rules span {
  margin-top: 5px;
  color: #74878e;
  font-size: 0.57rem;
  line-height: 1.45;
}

/* Assurance */

.rtc-trust__assurance {
  padding: clamp(19px, 1.8vw, 28px);
  color: var(--trust-text);
  background: #f2f6f6;
}

.rtc-trust__assurance > header span,
.rtc-trust__assurance > header strong {
  display: block;
}

.rtc-trust__assurance > header span {
  color: #71868e;
  font-size: 0.57rem;
  text-transform: uppercase;
}

.rtc-trust__assurance > header strong {
  margin-top: 5px;
  color: var(--trust-ink);
  font-size: 0.82rem;
}

.rtc-trust__outcomes {
  display: grid;
  gap: 8px;
  margin-top: 17px;
}

.rtc-trust__outcomes article {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-height: 84px;
  padding: 13px;
  border: 1px solid var(--trust-line);
  background: #fff;
}

.rtc-trust__outcomes article > i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid #bfd0d4;
  color: #587983;
  background: #eef4f5;
}

.rtc-trust__outcomes span,
.rtc-trust__outcomes strong,
.rtc-trust__outcomes small {
  display: block;
}

.rtc-trust__outcomes span {
  color: #71868e;
  font-size: 0.52rem;
  text-transform: uppercase;
}

.rtc-trust__outcomes strong {
  margin-top: 4px;
  color: var(--trust-ink);
  font-size: 0.67rem;
}

.rtc-trust__outcomes small {
  margin-top: 4px;
  color: #74878e;
  font-size: 0.56rem;
  line-height: 1.4;
}

.rtc-trust__outcomes article.is-active[data-outcome="answer"] {
  border-color: #9fc8b8;
  background: #edf8f3;
}

.rtc-trust__outcomes article.is-active[data-outcome="limit"] {
  border-color: #d4bf7c;
  background: #fff8e5;
}

.rtc-trust__outcomes article.is-active[data-outcome="route"] {
  border-color: #a7c7d9;
  background: #eef6fa;
}

.rtc-trust__outcomes article.is-active[data-outcome="block"] {
  border-color: #dca3ae;
  background: #fff0f3;
}

.rtc-trust__assurance-list,
.rtc-trust__honest-note {
  margin-top: 18px;
  padding-top: 17px;
  border-top: 1px solid var(--trust-line);
}

.rtc-trust__assurance-list > span {
  color: #71868e;
  font-size: 0.57rem;
  font-weight: 820;
  text-transform: uppercase;
}

.rtc-trust__assurance-list ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-left: 18px;
  color: #62777f;
  font-size: 0.59rem;
  line-height: 1.45;
}

.rtc-trust__honest-note {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
}

.rtc-trust__honest-note > i {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #d6c47f;
  color: #805f15;
  background: #fff3d6;
}

.rtc-trust__honest-note p {
  margin: 0;
  color: #6d7668;
  font-size: 0.59rem;
  line-height: 1.55;
}

/* Boundary strip */

.rtc-trust__boundary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 24px;
  padding: 1px;
  border: 1px solid var(--trust-line-dark);
  background: var(--trust-line-dark);
}

.rtc-trust__boundary-strip article {
  min-height: 120px;
  padding: 19px;
  background: #0a2029;
}

.rtc-trust__boundary-strip span,
.rtc-trust__boundary-strip strong {
  display: block;
}

.rtc-trust__boundary-strip span {
  color: #82a3ac;
  font-size: 0.6rem;
  font-weight: 820;
  text-transform: uppercase;
}

.rtc-trust__boundary-strip strong {
  margin-top: 9px;
  color: #eff7f8;
  font-size: 0.72rem;
  line-height: 1.48;
}

/* Closing */

.rtc-trust__closing {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(30px, 5vw, 90px);
  align-items: center;
  margin-top: clamp(32px, 4vw, 64px);
  padding-top: clamp(28px, 3vw, 44px);
  border-top: 1px solid #294851;
}

.rtc-trust__closing > div:first-child > span {
  color: #82cbb5;
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.rtc-trust__closing h3 {
  max-width: 1080px;
  margin: 10px 0 0;
  color: #fff;
  font-size: clamp(1.7rem, 2.8vw, 3.8rem);
  font-weight: 650;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.rtc-trust__closing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.rtc-trust__closing-actions a {
  display: inline-flex;
  min-height: 49px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 820;
  text-decoration: none;
}

.rtc-trust__closing-actions a:first-child {
  color: #061916;
  background: linear-gradient(90deg, var(--trust-green), var(--trust-blue));
}

.rtc-trust__closing-actions a:last-child {
  border: 1px solid #345761;
  color: #e0eef1;
  background: #0b2934;
}

/* Focus */

.rtc-trust button:focus-visible,
.rtc-trust a:focus-visible,
.rtc-trust input:focus-visible,
.rtc-trust select:focus-visible {
  outline: 3px solid rgba(101, 199, 164, 0.30);
  outline-offset: 3px;
}

/* Responsive */

@media (max-width: 1430px) {
  .rtc-trust__workspace {
    grid-template-columns:
      minmax(245px, 0.22fr)
      minmax(580px, 0.51fr)
      minmax(330px, 0.27fr);
  }
}

@media (max-width: 1160px) {
  .rtc-trust__workspace {
    grid-template-columns: 250px minmax(0, 1fr);
  }

  .rtc-trust__assurance {
    grid-column: 1 / -1;
  }

  .rtc-trust__outcomes {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .rtc-trust__lead-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .rtc-trust__principles {
    grid-template-columns: 1fr;
  }

  .rtc-trust__workspace {
    grid-template-columns: 1fr;
  }

  .rtc-trust__assurance {
    grid-column: auto;
  }

  .rtc-trust__nav nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rtc-trust__check-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rtc-trust__outcomes,
  .rtc-trust__boundary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rtc-trust__closing {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .rtc-trust {
    padding: 58px 0;
  }

  .rtc-trust__shell {
    padding-inline: 16px;
  }

  .rtc-trust__eyebrow {
    flex-wrap: wrap;
    border-radius: 10px;
  }

  .rtc-trust__head h2 {
    font-size: clamp(2.35rem, 12vw, 4.4rem);
  }

  .rtc-trust__nav nav,
  .rtc-trust__request-controls,
  .rtc-trust__check-path,
  .rtc-trust__knowledge-grid,
  .rtc-trust__access-summary,
  .rtc-trust__access-rules,
  .rtc-trust__outcomes,
  .rtc-trust__boundary-strip {
    grid-template-columns: 1fr;
  }

  .rtc-trust__panel-head {
    align-items: flex-start;
  }

  .rtc-trust__panel-head em {
    display: none;
  }

  .rtc-trust__scenario {
    grid-template-columns: 1fr;
  }

  .rtc-trust__scenario > button {
    align-self: stretch;
  }

  .rtc-trust__human-boundary {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .rtc-trust__human-boundary a {
    grid-column: 2;
  }

  .rtc-trust__session-list article {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .rtc-trust__session-list em {
    grid-column: 2;
  }

  .rtc-trust__closing-actions {
    display: grid;
  }

  .rtc-trust__closing-actions a {
    width: 100%;
  }
}

@media (min-width: 2200px) {
  .rtc-trust__shell {
    padding-inline: 150px;
  }

  .rtc-trust__workspace {
    min-height: 900px;
    grid-template-columns:
      minmax(380px, 0.21fr)
      minmax(1080px, 0.51fr)
      minmax(600px, 0.28fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .rtc-trust *,
  .rtc-trust *::before,
  .rtc-trust *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   WEBSDOCS RTC — FAQ AND FINAL DECISION
   COMPLETE SECTION CSS
   Append to rtc.css after Trust and Operating Boundaries.
========================================================= */

.rtc-faq-close,
.rtc-faq-close * {
  box-sizing: border-box;
}

.rtc-faq-close {
  --faq-bg: #ece7dc;
  --faq-dark: #091b22;
  --faq-dark-2: #0d2a32;
  --faq-panel: #ffffff;
  --faq-panel-soft: #f7f7f2;
  --faq-ink: #142922;
  --faq-text: #3f574e;
  --faq-muted: #73847d;
  --faq-line: #ced5ce;
  --faq-line-dark: #34515a;
  --faq-green: #68c7a3;
  --faq-green-deep: #267358;
  --faq-blue: #68a9cb;
  --faq-amber: #d4aa54;
  --faq-red: #ce6575;

  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: hidden;
  padding: clamp(82px, 7vw, 148px) 0;
  border-top: 1px solid #c8cec5;
  border-bottom: 1px solid #c8cec5;
  color: var(--faq-text);
  background:
    linear-gradient(rgba(20, 41, 34, 0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 41, 34, 0.032) 1px, transparent 1px),
    radial-gradient(circle at 6% 0%, rgba(104, 199, 163, 0.13), transparent 31%),
    radial-gradient(circle at 95% 9%, rgba(104, 169, 203, 0.11), transparent 27%),
    var(--faq-bg);
  background-size: 72px 72px, 72px 72px, auto, auto, auto;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rtc-faq-close__ambient {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.rtc-faq-close__ambient::before,
.rtc-faq-close__ambient::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.rtc-faq-close__ambient::before {
  width: 510px;
  height: 510px;
  top: 8%;
  left: -270px;
  border: 1px solid rgba(104, 199, 163, 0.17);
  box-shadow:
    0 0 0 72px rgba(104, 199, 163, 0.024),
    0 0 0 150px rgba(104, 199, 163, 0.015);
}

.rtc-faq-close__ambient::after {
  width: 450px;
  height: 450px;
  right: -235px;
  bottom: 8%;
  border: 1px solid rgba(104, 169, 203, 0.16);
  box-shadow:
    0 0 0 65px rgba(104, 169, 203, 0.022),
    0 0 0 138px rgba(104, 169, 203, 0.014);
}

.rtc-faq-close__shell {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  max-width: none;
  grid-template-columns: minmax(410px, 0.38fr) minmax(650px, 0.62fr);
  gap: clamp(22px, 2.8vw, 48px);
  align-items: start;
  margin: 0;
  padding-inline: clamp(18px, 4.5vw, 150px);
}

/* =========================================================
   LEFT — STICKY DECISION
========================================================= */

.rtc-faq-close__decision {
  position: relative;
  min-width: 0;
}

.rtc-faq-close__decision-inner {
  position: sticky;
  top: 28px;
  overflow: hidden;
  padding: clamp(28px, 3vw, 48px);
  border: 1px solid var(--faq-line-dark);
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(104, 199, 163, 0.16), transparent 32%),
    radial-gradient(circle at 0% 100%, rgba(104, 169, 203, 0.13), transparent 34%),
    linear-gradient(145deg, #07171e, #0a2630);
  box-shadow: 0 35px 100px rgba(20, 41, 34, 0.22);
}

.rtc-faq-close__decision-inner::before {
  content: "";
  position: absolute;
  top: -120px;
  right: -120px;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(104, 199, 163, 0.20);
  border-radius: 50%;
  box-shadow:
    0 0 0 38px rgba(104, 199, 163, 0.028),
    0 0 0 82px rgba(104, 199, 163, 0.018);
  pointer-events: none;
}

.rtc-faq-close__eyebrow {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 11px;
  border: 1px solid #355761;
  border-radius: 999px;
  color: #a3d8c7;
  background: rgba(11, 43, 52, 0.76);
  font-size: 0.68rem;
  font-weight: 840;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.rtc-faq-close__eyebrow i {
  color: var(--faq-green);
}

.rtc-faq-close__decision h2 {
  position: relative;
  z-index: 1;
  max-width: 750px;
  margin: clamp(22px, 2.4vw, 34px) 0 0;
  color: #fff;
  font-size: clamp(2.25rem, 3.9vw, 5.2rem);
  font-weight: 690;
  letter-spacing: -0.06em;
  line-height: 0.98;
  text-wrap: balance;
}

.rtc-faq-close__decision h2 span {
  display: block;
  margin-top: 12px;
  color: #8bd4bd;
  font-size: 0.58em;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.rtc-faq-close__decision-copy {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 22px 0 0;
  color: #9eb7bc;
  font-size: clamp(0.82rem, 0.92vw, 1.02rem);
  line-height: 1.72;
}

.rtc-faq-close__reassurance {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
  margin-top: 26px;
}

.rtc-faq-close__reassurance article {
  display: grid;
  min-height: 78px;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 13px;
  border: 1px solid #2e4d57;
  background: rgba(11, 42, 51, 0.78);
}

.rtc-faq-close__reassurance article > i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid #355761;
  color: var(--faq-green);
  background: #0d313a;
}

.rtc-faq-close__reassurance strong,
.rtc-faq-close__reassurance span {
  display: block;
}

.rtc-faq-close__reassurance strong {
  color: #eef8f5;
  font-size: 0.7rem;
}

.rtc-faq-close__reassurance span {
  margin-top: 5px;
  color: #819ea5;
  font-size: 0.59rem;
  line-height: 1.48;
}

.rtc-faq-close__cta-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 24px;
}

.rtc-faq-close__cta {
  display: inline-flex;
  min-height: 51px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 13px;
  border-radius: 8px;
  font-size: 0.66rem;
  font-weight: 840;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
}

.rtc-faq-close__cta--primary {
  grid-column: 1 / -1;
  color: #061a16;
  background: linear-gradient(90deg, var(--faq-green), #d7df91);
  box-shadow: 0 14px 30px rgba(104, 199, 163, 0.16);
}

.rtc-faq-close__cta--secondary {
  border: 1px solid #355761;
  color: #e3f0f2;
  background: #0c2b35;
}

.rtc-faq-close__cta:hover {
  transform: translateY(-1px);
}

.rtc-faq-close__billing-note {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #2e4d57;
}

.rtc-faq-close__billing-note > i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #705f34;
  color: #d7b967;
  background: #302c1f;
}

.rtc-faq-close__billing-note p {
  margin: 0;
  color: #829da4;
  font-size: 0.58rem;
  line-height: 1.55;
}

.rtc-faq-close__full-faq {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 20px;
  padding: 0 14px;
  border: 1px solid #355761;
  color: #cfe2e6;
  background: rgba(10, 34, 43, 0.85);
  font-size: 0.64rem;
  font-weight: 820;
  text-decoration: none;
}

.rtc-faq-close__full-faq span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rtc-faq-close__full-faq > i {
  color: var(--faq-green);
}

/* =========================================================
   RIGHT — FAQ LIBRARY
========================================================= */

.rtc-faq-close__library {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--faq-line);
  background: var(--faq-panel);
  box-shadow: 0 35px 100px rgba(20, 41, 34, 0.13);
}

.rtc-faq-close__library-head {
  display: flex;
  min-height: 118px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: clamp(22px, 2.4vw, 36px);
  border-bottom: 1px solid var(--faq-line);
  background:
    radial-gradient(circle at 100% 0%, rgba(104, 199, 163, 0.10), transparent 32%),
    #fff;
}

.rtc-faq-close__library-head span {
  color: var(--faq-green-deep);
  font-size: 0.63rem;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.rtc-faq-close__library-head h3 {
  max-width: 840px;
  margin: 8px 0 0;
  color: var(--faq-ink);
  font-size: clamp(1.45rem, 2.25vw, 3rem);
  font-weight: 660;
  letter-spacing: -0.045em;
  line-height: 1.1;
}

.rtc-faq-close__library-head > a {
  display: inline-flex;
  min-height: 42px;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid #b7c9c0;
  border-radius: 7px;
  color: #42685a;
  background: #f7faf8;
  font-size: 0.62rem;
  font-weight: 820;
  text-decoration: none;
}

.rtc-faq-close__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 14px clamp(18px, 2vw, 28px);
  border-bottom: 1px solid var(--faq-line);
  background: #f6f8f5;
}

.rtc-faq-close__filters button {
  appearance: none;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid #c4d0ca;
  border-radius: 999px;
  color: #687c73;
  background: #fff;
  font: inherit;
  font-size: 0.59rem;
  font-weight: 810;
  cursor: pointer;
}

.rtc-faq-close__filters button:hover,
.rtc-faq-close__filters button.is-active {
  border-color: #80b29f;
  color: #24664e;
  background: #eaf6f0;
}

.rtc-faq-close__scroll {
  max-height: 790px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #8fb2a4 #edf1ed;
  background: #f4f6f3;
}

.rtc-faq-close__scroll::-webkit-scrollbar {
  width: 10px;
}

.rtc-faq-close__scroll::-webkit-scrollbar-track {
  background: #edf1ed;
}

.rtc-faq-close__scroll::-webkit-scrollbar-thumb {
  border: 2px solid #edf1ed;
  border-radius: 999px;
  background: #8fb2a4;
}

.rtc-faq-close__item {
  border-bottom: 1px solid var(--faq-line);
  background: #fff;
}

.rtc-faq-close__item[hidden] {
  display: none !important;
}

.rtc-faq-close__item.is-open {
  box-shadow: inset 4px 0 0 var(--faq-green);
}

.rtc-faq-close__question {
  appearance: none;
  display: grid;
  width: 100%;
  min-height: 92px;
  grid-template-columns: 48px minmax(0, 1fr) 34px;
  gap: 14px;
  align-items: center;
  padding: 17px clamp(18px, 2vw, 28px);
  border: 0;
  color: var(--faq-text);
  background: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.rtc-faq-close__question:hover {
  background: #f9fbf9;
}

.rtc-faq-close__number {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid #c2d0c9;
  color: #557167;
  background: #f1f6f3;
  font-size: 0.66rem;
  font-weight: 850;
}

.rtc-faq-close__item.is-open .rtc-faq-close__number {
  border-color: #9fc8b8;
  color: #1f6e52;
  background: #e5f4ed;
}

.rtc-faq-close__question-copy em,
.rtc-faq-close__question-copy strong {
  display: block;
}

.rtc-faq-close__question-copy em {
  color: #6c8379;
  font-size: 0.54rem;
  font-style: normal;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rtc-faq-close__question-copy strong {
  margin-top: 6px;
  color: var(--faq-ink);
  font-size: clamp(0.79rem, 0.94vw, 1rem);
  line-height: 1.38;
}

.rtc-faq-close__question > i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #c5d1cb;
  border-radius: 50%;
  color: #667b72;
  background: #f7f9f7;
  font-size: 0.65rem;
}

.rtc-faq-close__item.is-open .rtc-faq-close__question > i {
  border-color: #93bead;
  color: #1f6b50;
  background: #e5f4ed;
}

.rtc-faq-close__answer[hidden] {
  display: none !important;
}

.rtc-faq-close__answer {
  padding: 0 clamp(18px, 2vw, 28px) 24px 90px;
  color: var(--faq-muted);
  background:
    linear-gradient(90deg, rgba(104, 199, 163, 0.06), transparent 27%),
    #fff;
}

.rtc-faq-close__answer p {
  max-width: 980px;
  margin: 0;
  font-size: 0.69rem;
  line-height: 1.72;
}

.rtc-faq-close__answer p + p {
  margin-top: 12px;
}

.rtc-faq-close__answer > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 17px;
  color: #2f745a;
  font-size: 0.62rem;
  font-weight: 840;
  text-decoration: none;
}

.rtc-faq-close__answer > a i {
  font-size: 0.56rem;
}

.rtc-faq-close__empty[hidden] {
  display: none !important;
}

.rtc-faq-close__empty {
  display: grid;
  min-height: 300px;
  place-items: center;
  align-content: center;
  padding: 30px;
  color: var(--faq-muted);
  text-align: center;
}

.rtc-faq-close__empty > i {
  font-size: 2rem;
  color: var(--faq-green);
}

.rtc-faq-close__empty strong,
.rtc-faq-close__empty span {
  display: block;
}

.rtc-faq-close__empty strong {
  margin-top: 12px;
  color: var(--faq-ink);
  font-size: 0.85rem;
}

.rtc-faq-close__empty span {
  margin-top: 7px;
  font-size: 0.64rem;
}

.rtc-faq-close__help {
  display: flex;
  min-height: 92px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 17px clamp(18px, 2vw, 28px);
  border-top: 1px solid var(--faq-line);
  background: #fff;
}

.rtc-faq-close__help > div:first-child {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}

.rtc-faq-close__help > div:first-child > i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #c2d0c9;
  color: var(--faq-green-deep);
  background: #edf7f2;
}

.rtc-faq-close__help span,
.rtc-faq-close__help strong {
  display: block;
}

.rtc-faq-close__help span {
  color: #71847b;
  font-size: 0.55rem;
  text-transform: uppercase;
}

.rtc-faq-close__help strong {
  margin-top: 5px;
  color: var(--faq-ink);
  font-size: 0.67rem;
}

.rtc-faq-close__help > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rtc-faq-close__help a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 0 11px;
  border: 1px solid #bdcbc4;
  border-radius: 7px;
  color: #446257;
  background: #f8faf8;
  font-size: 0.6rem;
  font-weight: 820;
  text-decoration: none;
}

/* =========================================================
   FOCUS AND MOTION
========================================================= */

.rtc-faq-close button:focus-visible,
.rtc-faq-close a:focus-visible {
  outline: 3px solid rgba(104, 199, 163, 0.34);
  outline-offset: 3px;
}

.rtc-faq-close__cta,
.rtc-faq-close__full-faq,
.rtc-faq-close__library-head > a,
.rtc-faq-close__answer > a,
.rtc-faq-close__help a {
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1180px) {
  .rtc-faq-close__shell {
    grid-template-columns: minmax(340px, 0.37fr) minmax(520px, 0.63fr);
    gap: 20px;
  }

  .rtc-faq-close__cta-grid {
    grid-template-columns: 1fr;
  }

  .rtc-faq-close__cta--primary {
    grid-column: auto;
  }

  .rtc-faq-close__answer {
    padding-left: 82px;
  }
}

@media (max-width: 900px) {
  .rtc-faq-close__shell {
    grid-template-columns: 1fr;
  }

  .rtc-faq-close__decision-inner {
    position: relative;
    top: auto;
  }

  .rtc-faq-close__cta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rtc-faq-close__cta--primary {
    grid-column: 1 / -1;
  }

  .rtc-faq-close__scroll {
    max-height: none;
    overflow-y: visible;
    overscroll-behavior: auto;
  }
}

@media (max-width: 650px) {
  .rtc-faq-close {
    padding: 58px 0;
  }

  .rtc-faq-close__shell {
    padding-inline: 16px;
  }

  .rtc-faq-close__decision-inner {
    padding: 24px 18px;
  }

  .rtc-faq-close__decision h2 {
    font-size: clamp(2.2rem, 11vw, 4rem);
  }

  .rtc-faq-close__cta-grid {
    grid-template-columns: 1fr;
  }

  .rtc-faq-close__cta--primary {
    grid-column: auto;
  }

  .rtc-faq-close__library-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .rtc-faq-close__library-head > a {
    width: 100%;
    justify-content: center;
  }

  .rtc-faq-close__filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rtc-faq-close__filters button:first-child {
    grid-column: 1 / -1;
  }

  .rtc-faq-close__question {
    min-height: 86px;
    grid-template-columns: 40px minmax(0, 1fr) 30px;
    gap: 10px;
    padding: 14px;
  }

  .rtc-faq-close__number {
    width: 40px;
    height: 40px;
  }

  .rtc-faq-close__question > i {
    width: 30px;
    height: 30px;
  }

  .rtc-faq-close__answer {
    padding: 0 14px 20px;
  }

  .rtc-faq-close__help {
    align-items: stretch;
    flex-direction: column;
  }

  .rtc-faq-close__help > div:last-child {
    display: grid;
    grid-template-columns: 1fr;
  }

  .rtc-faq-close__help a {
    justify-content: center;
  }
}

@media (min-width: 2200px) {
  .rtc-faq-close__shell {
    grid-template-columns: minmax(720px, 0.36fr) minmax(1300px, 0.64fr);
    padding-inline: 150px;
  }

  .rtc-faq-close__scroll {
    max-height: 900px;
  }

  .rtc-faq-close__decision-inner {
    padding: 56px;
  }

  .rtc-faq-close__answer p {
    font-size: 0.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rtc-faq-close *,
  .rtc-faq-close *::before,
  .rtc-faq-close *::after {
    animation: none !important;
    transition: none !important;
  }
}