:root {
    --rc-icon-check-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");
    --rc-icon-arrow-right-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
    --rc-icon-arrow-down-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E");
    --rc-icon-chevron-down-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    --rc-icon-menu-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");
    --rc-icon-x-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
}

.rc-ui-icon,
.rc-ui-icon::before {
    display: inline-block;
    flex: 0 0 auto;
}

.rc-ui-icon {
    color: currentColor;
    line-height: 1;
}

.rc-ui-icon::before {
    width: 1em;
    height: 1em;
    background: currentColor;
    content: "";
    -webkit-mask: var(--rc-ui-icon-mask) center / contain no-repeat;
    mask: var(--rc-ui-icon-mask) center / contain no-repeat;
}

.rc-ui-icon-check { --rc-ui-icon-mask: var(--rc-icon-check-mask); }
.rc-ui-icon-arrow-right { --rc-ui-icon-mask: var(--rc-icon-arrow-right-mask); }
.rc-ui-icon-arrow-down { --rc-ui-icon-mask: var(--rc-icon-arrow-down-mask); }
.rc-ui-icon-chevron-down { --rc-ui-icon-mask: var(--rc-icon-chevron-down-mask); }
.rc-ui-icon-menu { --rc-ui-icon-mask: var(--rc-icon-menu-mask); }
.rc-ui-icon-x { --rc-ui-icon-mask: var(--rc-icon-x-mask); }

.rch-hero-grid.rch-hero-single {
    display: block !important;
    max-width: 1120px;
}

.rch-hero-grid.rch-hero-single .rch-title-xl {
    max-width: 1080px;
}

.rch-hero-grid.rch-hero-single .rch-lede {
    max-width: 780px;
}

.rch-hero,
.rcp-hero,
.rcr-hero,
.rcl-hero,
.rcc-hero,
.rc-simple-hero {
    background:
        linear-gradient(180deg,
            rgba(246, 240, 255, .92) 0%,
            rgba(247, 251, 255, .82) 38%,
            rgba(255, 255, 255, 1) 100%) !important;
}

.rch-hero::after {
    display: none !important;
}

.rch-hero .rch-title,
.rcp-hero .rcp-title,
.rcl-hero .rcl-title,
.rcr-hero .rcr-title,
.rcc-hero .rcc-title,
.rc-simple-hero .rc-simple-title {
    letter-spacing: -.045em !important;
}

.rch-hero .rch-title-xl .rch-gradient-text,
.rcp-hero .rcp-title-xl .rcp-gradient-text,
.rcl-hero .rcl-title .rcl-gradient-text,
.rcr-hero .rcr-title-xl .rcr-gradient-text,
.rcc-hero .rcc-title .rcc-gradient-text,
.rc-simple-hero .rc-simple-title .rc-simple-gradient-text {
    display: inline !important;
    margin-right: 0 !important;
    padding-right: .04em !important;
    white-space: normal !important;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

#memory-projects .rch-memory {
    display: block !important;
}

#memory-projects .rch-memory-visual {
    width: 100% !important;
    min-height: 0 !important;
}

#memory-projects .rch-memory-cards {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
}

#memory-projects .rch-memory-card {
    display: flex;
    flex-direction: column;
    min-height: 260px;
    padding: 24px;
    border: 1px solid rgba(231, 234, 243, .92);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(16, 24, 40, .055);
}

#memory-projects .rch-memory-card small {
    display: inline-grid;
    width: 40px;
    height: 40px;
    place-items: center;
    padding: 0;
    border-radius: 13px;
    color: var(--rch-purple);
    background: var(--rch-purple-soft) !important;
    font-family: inherit;
    font-size: 11px;
    font-weight: 950;
    line-height: 1;
}

#memory-projects .rch-memory-card:nth-child(2) small {
    color: var(--rch-blue);
    background: var(--rch-blue-soft) !important;
}

#memory-projects .rch-memory-card:nth-child(3) small {
    color: var(--rch-orange);
    background: var(--rch-orange-soft) !important;
}

#memory-projects .rch-memory-card:nth-child(4) small {
    color: var(--rch-green);
    background: var(--rch-green-soft) !important;
}

#memory-projects .rch-memory-card strong {
    margin-top: 20px;
    font-size: 21px;
    letter-spacing: -.045em;
}

#memory-projects .rch-memory-card p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.58;
}

@media (max-width: 991px) {
    #memory-projects .rch-memory-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    #memory-projects .rch-memory-cards {
        grid-template-columns: 1fr !important;
    }
}

.rch-page > .rch-section,
.rch-section,
.rch-platform-section,
.rch-ai-multiplier,
.rch-internal-ai-section,
.rch-ai-assistant-section,
.rch-memory-section,
#interactive-report,
.rc-simple-section {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

*,
*::before,
*::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body {
  margin: 0;
  min-width: 320px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; }
img,
svg,
video { max-width: 100%; height: auto; }
button,
input,
textarea,
select { font: inherit; }
button { cursor: pointer; }


.container-fluid { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.row > * { min-width: 0; padding-right: 15px; padding-left: 15px; }
[class*="col-"] { position: relative; width: 100%; }
.d-none { display: none !important; }
.d-block { display: block !important; }
@media (min-width: 1080px) { .d-xl-block { display: block !important; } .d-xl-none { display: none !important; } }
.align-items-center { align-items: center !important; }
.small { font-size: .875em; }
.hidden { display: none !important; }
.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin: 0; list-style: none; }
.fade { transition: opacity .18s ease; }


[class^="feather-"],
[class*=" feather-"],
.fad { display: inline-flex; align-items: center; justify-content: center; font-style: normal; line-height: 1; }
.feather-menu::before,
.feather-x::before,
.feather-chevron-down::before {
    display: block;
    width: 1em;
    height: 1em;
    background: currentColor;
    content: "";
    -webkit-mask: var(--rc-ui-icon-mask) center / contain no-repeat;
    mask: var(--rc-ui-icon-mask) center / contain no-repeat;
}
.feather-menu::before { --rc-ui-icon-mask: var(--rc-icon-menu-mask); }
.feather-x::before { --rc-ui-icon-mask: var(--rc-icon-x-mask); }
.feather-chevron-down::before { --rc-ui-icon-mask: var(--rc-icon-chevron-down-mask); }
.fa-terminal::before { content: ">_"; font-size: .8em; }
.fa-fw { min-width: 1.25em; }
.fa-sm { font-size: .875em; }


.rbt-header {
  position: relative;
  z-index: 100;
}

.rbt-header-wrapper {
  width: 100%;
}

.rbt-sticky-placeholder {
  display: none;
}

.header-space-betwween {
  min-height: 76px;
}

.mainbar-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  min-height: 76px;
}

.rbt-header-content,
.header-info,
.header-right,
.quick-access {
  display: flex;
  align-items: center;
}

.header-left {
  flex: 0 0 auto;
}

.rbt-main-navigation {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  min-width: 0;
}

.header-right {
  flex: 0 0 auto;
  justify-content: flex-end;
}

.quick-access {
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-menu-bar,
.hamberger {
  display: flex;
  align-items: center;
}

.rbt-round-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(231, 234, 243, .92);
  border-radius: 999px;
  color: #101828;
  background: #fff;
  box-shadow: 0 10px 24px rgba(16, 24, 40, .06);
}

.popup-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}

.popup-mobile-menu .inner-wrapper {
  height: 100%;
  overflow-y: auto;
  background: #f7f8fc;
  transform: translateX(-100%);
  transition: transform .24s ease;
  box-shadow: 24px 0 80px rgba(16, 24, 40, .18);
}

.popup-mobile-menu .inner-top .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid rgba(231, 234, 243, .9);
  background: rgba(255, 255, 255, .86);
  backdrop-filter: blur(14px);
}

.close_side_menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}


.rc-public-footer {
  width: 100%;
  color: #101828;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rc-public-footer-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  width: min(100%, 1240px);
  margin: 0 auto;
  padding: 28px 0;
  border-top: 1px solid rgba(231, 234, 243, .92);
}

.rc-footer-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.rc-footer-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #667085 !important;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: -.01em;
  text-decoration: none !important;
  transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease;
}

.rc-footer-links a:hover {
  color: #101828 !important;
  background: #fff;
  border-color: rgba(231, 234, 243, .95);
  transform: translateY(-1px);
}

.rc-footer-copy {
  justify-self: start;
  margin: 0;
  color: #98a2b3;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -.01em;
}

@media (max-width: 767px) {
  .rc-public-footer-inner {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 16px;
    padding: 24px 0 32px;
    text-align: center;
  }

  .rc-footer-copy {
    justify-self: center;
  }
}


.modal { position: fixed; inset: 0; z-index: 1060; display: none; overflow: auto; padding: 24px; background: rgba(16, 24, 40, .42); }
.modal.rc-modal-open,
.modal.show { display: flex !important; align-items: center; justify-content: center; }
.modal-dialog { width: min(100%, 560px); margin: auto; }
.modal-lg { width: min(100%, 720px); }
.modal-content { position: relative; width: 100%; background: #fff; border-radius: 24px; box-shadow: 0 30px 80px rgba(16,24,40,.24); }
.modal-header,
.modal-body,
.modal-footer { padding: 22px 24px; }
.modal-header { border-bottom: 1px solid rgba(231,234,243,.9); }
.modal-footer { border-top: 1px solid rgba(231,234,243,.9); display: flex; justify-content: flex-end; gap: 12px; }
.modal-title { margin: 0; }
body.rc-modal-locked { overflow: hidden; }


.rc-alert-overlay { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(16,24,40,.42); }
.rc-alert-card { width: min(100%, 420px); padding: 28px; border: 1px solid rgba(231,234,243,.92); border-radius: 24px; background: #fff; box-shadow: 0 30px 90px rgba(16,24,40,.24); text-align: center; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.rc-alert-card h3 { margin: 0 0 10px; color: #101828; font-size: 22px; font-weight: 850; letter-spacing: -.035em; }
.rc-alert-card p { margin: 0; color: #667085; font-size: 14px; line-height: 1.55; }
.rc-alert-card button { margin-top: 22px; min-height: 42px; padding: 0 18px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(110deg, #6e00be, #1a8bff); font-size: 13px; font-weight: 850; }


html {
      --gutterWidth: 16px;
      --scrollbarWidth: 0px;
      --windowWidth: calc(100vw - var(--scrollbarWidth));
      --layoutWidth: calc(var(--windowWidth) - var(--gutterWidth)*2);
      --layoutWidthMax: 1080px;
    }


    @media (min-width:768px) {
      html {
      }
    }

    @media (min-width:991px) {
      html {
      }
    }

    @media (min-width:1112px) {
      html {
        --layoutWidth: var(--layoutWidthMax);
        --gutterWidth: calc(var(--windowWidth)/2 - var(--layoutWidth)/2)
      }
    }


:root {
      --largeHeroLWidthMax: 1080px;
      --largeHeroLWidth: var(--largeHeroLWidthMax);
      --largeHeroGWidth: calc(var(--windowWidth)/2 - var(--largeHeroLWidth)/2);
      --largeHeroOffsetX: var(--largeHeroGWidth);
      --largeHeroTransformX: calc(var(--largeHeroGWidth)*0.8);
      --largeHeroPaddingTop: calc(116*1px);
      --largeHeroGHeight: calc(100% + var(--largeHeroPaddingTop) + var(--largeHeroTransformX)*0.212);
    }


.MainHtml {
      --angleNormal: -6deg;
      color-scheme: only light
    }

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

    .MainBody {
      margin: 0;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }


    .rbt-header.rbt-transparent-header {
      max-width: 1450px;
      margin-left: auto;
      margin-right: auto;
    }

    .rbt-header .logo a img {
      max-height: 21px;
    }

    a.a-no-link:hover {
      cursor: default;
    }

    .rbt-round-btn::after {
      background: #f6f6f64f;
    }

    .popup-mobile-menu .inner-wrapper .inner-top .close-button {
      height: 25px;
    }

    .popup-mobile-menu .inner-wrapper .inner-top .logo a img {
      max-height: 20px;
    }

    p {
      color: #425466;
    }


.rc-public-nav {
        --rc-nav-text: #101828;
        --rc-nav-muted: #667085;
        --rc-nav-purple: #6e00be;
        --rc-nav-blue: #1a8bff;
        --rc-nav-soft: #f7f8fc;
        --rc-nav-shadow: 0 24px 70px rgba(16, 24, 40, .12);
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

header.rc-public-nav {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        right: 0;
        width: 100%;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .rc-public-nav .rbt-header-wrapper {
        position: relative;
        padding-top: 0;
        border-bottom: 0;
        background: transparent;
        backdrop-filter: none;
    }

    .rc-public-nav .container-fluid {
        width: min(100% - 40px, 1240px);
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;
    }

    .rc-public-nav .logo a {
        display: inline-flex;
        align-items: center;
        text-decoration: none !important;
    }

    .rc-nav-wordmark {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--rc-nav-text);
        font-size: 27px;
        font-weight: 820;
        letter-spacing: -.055em;
        line-height: 1;
    }

    .rc-desktop-menu {
        display: flex;
        align-items: center;
        gap: 30px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .rc-desktop-menu > li {
        position: static;
        list-style: none;
    }

    .rc-desktop-menu > li > a {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-height: 0;
        padding: 9px 0;
        color: var(--rc-nav-text) !important;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -.01em;
        text-decoration: none !important;
        cursor: pointer;
    }

    .rc-nav-trigger .rc-nav-caret {
        display: none;
    }

    .rc-nav-trigger::after {
        position: relative;
        top: 0;
        width: 10px;
        height: 10px;
        margin-left: 1px;
        background: var(--rc-nav-muted);
        content: "";
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        transform: rotate(0deg);
        transform-origin: 50% 50%;
        transition: transform .18s ease;
    }

    .rc-nav-item.is-open > .rc-nav-trigger::after {
        transform: rotate(180deg);
    }

    .rc-nav-mega {
        position: absolute;
        top: calc(100% - 2px);
        left: 50%;
        z-index: 99;
        width: min(calc(100vw - 44px), 1180px);
        max-width: calc(100vw - 44px);
        padding-top: 6px;
        opacity: 0;
        pointer-events: none;
        transform: translate(-50%, 5px);
        transition: opacity .18s ease, transform .18s ease;
    }

    .rc-nav-item.is-open .rc-nav-mega {
        opacity: 1;
        pointer-events: auto;
        transform: translate(-50%, 0);
    }

    .rc-nav-mega-inner {
        padding: 26px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background: #fff;
        box-shadow: var(--rc-nav-shadow);
    }

    .rc-nav-products-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
    }

    .rc-nav-products-grid[hidden] {
        display: none !important;
    }

    .rc-nav-help-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .rc-nav-solutions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 20px;
        align-items: stretch;
    }

    .rc-nav-solutions-lead {
        display: flex;
        flex-direction: column;
        min-height: 100%;
        padding: 22px;
        border: 1px solid rgba(110, 0, 190, .12);
        border-radius: 24px;
        background:
            linear-gradient(135deg, rgba(110, 0, 190, .08), rgba(26, 139, 255, .06) 64%, rgba(255, 255, 255, .92));
    }

    .rc-nav-solutions-lead span {
        color: var(--rc-nav-purple);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .10em;
        line-height: 1;
        text-transform: uppercase;
    }

    .rc-nav-solutions-lead strong {
        display: block;
        margin-top: 14px;
        color: var(--rc-nav-text);
        font-size: 24px;
        font-weight: 760;
        letter-spacing: -.045em;
        line-height: 1.02;
    }

    .rc-nav-solutions-lead p {
        margin: 14px 0 0;
        color: var(--rc-nav-muted);
        font-size: 13px;
        line-height: 1.55;
    }

    .rc-nav-solutions-lead a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        margin-top: auto;
        padding: 0 14px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 999px;
        color: var(--rc-nav-text) !important;
        background: rgba(255, 255, 255, .82);
        box-shadow: 0 12px 26px rgba(16, 24, 40, .055);
        font-size: 12px;
        font-weight: 700;
        text-decoration: none !important;
    }

    .rc-nav-solutions-main {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px 8px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .rc-nav-solution-card {
        --rc-solution-color: var(--rc-nav-purple);
        --rc-solution-soft: rgba(110, 0, 190, .12);
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 106px;
        padding: 14px 14px 14px 56px;
        overflow: hidden;
        border: 0;
        border-radius: 18px;
        color: var(--rc-nav-text) !important;
        background: #fff;
        text-decoration: none !important;
        transition: background .16s ease;
    }

    .rc-nav-solution-card:nth-child(2n) {
        border-right: 0;
    }

    .rc-nav-solution-card:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .rc-nav-solution-card::before {
        position: absolute;
        top: 14px;
        bottom: 14px;
        left: 14px;
        width: 28px;
        border-radius: 0;
        background: var(--rc-solution-soft);
        content: "";
    }


    /* Shared public-new icon system. Shapes live here; components supply size, position, and color. */
    .rc-icon {
        display: inline-block;
        width: var(--rc-icon-size, 22px);
        height: var(--rc-icon-size, 22px);
        flex: 0 0 auto;
        background: currentColor;
        -webkit-mask: var(--rc-icon-mask) center / contain no-repeat;
        mask: var(--rc-icon-mask) center / contain no-repeat;
    }

    .rc-icon-payment {
        --rc-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6.5A2.5 2.5 0 0 1 5.5 4h13A2.5 2.5 0 0 1 21 6.5v11a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 17.5v-11ZM5 8h14V6.5a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0-.5.5V8Zm0 3v6.5a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5V11H5Zm2 4h5v2H7v-2Z'/%3E%3C/svg%3E");
    }

    .rc-icon-fraud {
        --rc-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5.2v6.4c0 5 3.2 8.7 8 10.4 4.8-1.7 8-5.4 8-10.4V5.2L12 2Zm0 2.3 5.8 2.3v5c0 3.7-2.1 6.4-5.8 8-3.7-1.6-5.8-4.3-5.8-8v-5L12 4.3Z'/%3E%3C/svg%3E");
    }

    .rc-icon-management {
        --rc-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h7v7H4V4Zm9 0h7v7h-7V4ZM4 13h7v7H4v-7Zm9 0h7v7h-7v-7Z'/%3E%3C/svg%3E");
    }

    .rc-icon-ai {
        --rc-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.5 14.3 9l6.7 2.5-6.7 2.5L12 21.5 9.7 14 3 11.5 9.7 9 12 2.5Zm7.2 13.3.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8.8-2.2ZM4.8 2.2l1 2.8 2.8 1-2.8 1-1 2.8-1-2.8L1 6l2.8-1 1-2.8Z'/%3E%3C/svg%3E");
    }

    .rc-icon-reporting {
        --rc-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 19h16v2H2V3h2v16Zm3.2-3.2 4.2-5.2 3.1 3.1L19.2 6 21 7.1l-6.1 10-3.3-3.3-3 3.7-1.4-1.7Z'/%3E%3C/svg%3E");
    }

    .rc-icon-tools {
        --rc-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 6.5 17.5 10 14 6.5 17.5 3A6 6 0 0 0 10 10.5L3.4 17.1a2.4 2.4 0 1 0 3.4 3.4l6.7-6.6A6 6 0 0 0 21 6.5ZM5.1 19.3a.7.7 0 1 1 0-1.4.7.7 0 0 1 0 1.4Z'/%3E%3C/svg%3E");
    }

    .rc-icon-tracking {
        --rc-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.5A7.5 7.5 0 0 0 4.5 10c0 5.2 7.5 11.5 7.5 11.5S19.5 15.2 19.5 10A7.5 7.5 0 0 0 12 2.5Zm0 10.2a2.7 2.7 0 1 1 0-5.4 2.7 2.7 0 0 1 0 5.4Z'/%3E%3C/svg%3E");
    }

    .rc-icon-integration {
        --rc-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3h2v5h4V3h2v5h2v4a6 6 0 0 1-5 5.9V21h-2v-3.1A6 6 0 0 1 6 12V8h2V3Zm0 7v2a4 4 0 0 0 8 0v-2H8Z'/%3E%3C/svg%3E");
    }

    .rc-nav-solution-card > .rc-icon {
        position: absolute;
        top: 14px;
        bottom: 14px;
        left: 14px;
        z-index: 1;
        width: 28px;
        height: auto;
        color: var(--rc-solution-color);
        opacity: .86;
        -webkit-mask-size: 18px 18px;
        mask-size: 18px 18px;
    }









    .rc-nav-solution-card.is-payment {
        --rc-solution-color: #6e00be;
        --rc-solution-soft: rgba(110, 0, 190, .12);
    }


    .rc-nav-solution-card.is-blue {
        --rc-solution-color: #1a8bff;
        --rc-solution-soft: rgba(26, 139, 255, .12);
    }


    .rc-nav-solution-card.is-green {
        --rc-solution-color: #16a34a;
        --rc-solution-soft: rgba(22, 163, 74, .12);
    }


    .rc-nav-solution-card.is-ai {
        --rc-solution-color: #6e00be;
        --rc-solution-soft: rgba(110, 0, 190, .12);
    }


    .rc-nav-solution-card.is-orange {
        --rc-solution-color: #f97316;
        --rc-solution-soft: rgba(249, 115, 22, .13);
    }


    .rc-nav-solution-card.is-slate {
        --rc-solution-color: #475467;
        --rc-solution-soft: rgba(15, 23, 42, .10);
    }


    .rc-nav-solution-card.is-red {
        --rc-solution-color: #ef4444;
        --rc-solution-soft: rgba(239, 68, 68, .12);
    }


    .rc-nav-solution-card.is-teal {
        --rc-solution-color: #14b8a6;
        --rc-solution-soft: rgba(20, 184, 166, .12);
    }


    .rc-nav-solution-card:hover {
        background: rgba(247, 248, 252, .74);
    }

    .rc-nav-solution-card small {
        display: none;
        color: rgba(102, 112, 133, .48);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .09em;
        line-height: 1;
        text-transform: uppercase;
    }

    .rc-nav-solution-card strong {
        display: block;
        margin-top: 0;
        max-width: none;
        color: var(--rc-nav-text);
        font-size: 15px;
        font-weight: 720;
        letter-spacing: -.035em;
        line-height: 1.1;
    }

    .rc-nav-solution-card span {
        display: block;
        margin-top: 8px;
        color: var(--rc-nav-muted);
        font-size: 12px;
        line-height: 1.42;
    }

    .rc-nav-solutions-capabilities {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        overflow: hidden;
        padding: 6px;
        border-radius: 22px;
        background: rgba(247, 248, 252, .92);
    }

    .rc-nav-capability-group {
        padding: 14px;
        border: 0;
        border-right: 1px solid rgba(231, 234, 243, .9);
        border-bottom: 1px solid rgba(231, 234, 243, .9);
        border-radius: 0;
        background: transparent;
    }

    .rc-nav-capability-group:nth-child(2n) {
        border-right: 0;
    }

    .rc-nav-capability-group:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .rc-nav-capability-group strong {
        display: block;
        margin-bottom: 8px;
        color: var(--rc-nav-text);
        font-size: 12px;
        font-weight: 720;
        letter-spacing: -.02em;
        line-height: 1.1;
    }

    .rc-nav-capability-group a {
        display: block;
        padding: 6px 0;
        color: var(--rc-nav-muted) !important;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.15;
        text-decoration: none !important;
    }

    .rc-nav-capability-group a:hover {
        color: var(--rc-nav-purple) !important;
    }

    .rc-nav-section {
        min-width: 0;
    }

    .rc-nav-section-head {
        display: flex;
        align-items: center;
        min-height: 38px;
        margin: 0 0 8px;
        padding: 0 4px 10px;
        border-bottom: 1px solid rgba(231, 234, 243, .84);
    }

    .rc-nav-section-head strong {
        color: var(--rc-nav-text);
        font-size: 15px;
        font-weight: 400;
        letter-spacing: -.035em;
    }

    .rc-nav-links {
        display: grid;
        gap: 4px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .rc-nav-links li {
        list-style: none;
    }

    .rc-nav-links a {
        display: block;
        min-height: 58px;
        padding: 11px 12px;
        border-radius: 16px;
        color: var(--rc-nav-text) !important;
        text-decoration: none !important;
        transition: background .16s ease, transform .16s ease;
    }

    .rc-nav-links a:hover {
        background: var(--rc-nav-soft);
        transform: translateY(-1px);
    }

    .rc-nav-links strong {
        display: block;
        color: var(--rc-nav-text);
        font-size: 13px;
        font-weight: 600;
        line-height: 1.15;
        letter-spacing: -.025em;
    }

    .rc-nav-links span {
        display: block;
        margin-top: 4px;
        color: var(--rc-nav-muted);
        font-size: 11px;
        font-weight: 450;
        line-height: 1.35;
    }

    .rc-nav-actions {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .rc-nav-actions li {
        list-style: none;
    }

    .rc-nav-actions a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 15px;
        border: 1px solid rgba(231, 234, 243, .95);
        border-radius: 999px;
        color: var(--rc-nav-text) !important;
        background: #fff;
        box-shadow: 0 10px 24px rgba(16, 24, 40, .045);
        font-size: 13px;
        font-weight: 800;
        text-decoration: none !important;
    }

    .rc-nav-actions a.rc-nav-primary {
        border-color: transparent;
        color: #fff !important;
        background: linear-gradient(110deg, var(--rc-nav-purple), var(--rc-nav-blue));
        box-shadow: 0 18px 34px rgba(110, 0, 190, .18);
    }

    .rc-mobile-nav {
        display: grid;
        gap: 18px;
        padding: 22px 16px;
    }

    .rc-mobile-nav a,
.rc-mobile-nav summary {
        color: var(--rc-nav-text) !important;
        text-decoration: none !important;
    }

    .rc-mobile-nav details {
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 20px;
        background: #fff;
    }

    .rc-mobile-nav summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 54px;
        padding: 0 16px;
        font-size: 15px;
        font-weight: 850;
        cursor: pointer;
        list-style: none;
    }

    .rc-mobile-nav summary::-webkit-details-marker {
        display: none;
    }

    .rc-mobile-nav summary i {
        display: none;
    }

    .rc-mobile-nav summary::after {
        width: 11px;
        height: 11px;
        background: var(--rc-nav-muted);
        content: "";
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        transform: rotate(0deg);
        transform-origin: 50% 50%;
        transition: transform .18s ease;
    }

    .rc-mobile-nav details[open] summary::after {
        transform: rotate(180deg);
    }

    .rc-mobile-group {
        display: grid;
        gap: 12px;
        padding: 0 14px 16px;
    }

    .rc-mobile-dropdown {
        display: grid;
        gap: 14px;
        padding: 0 12px 14px;
    }

    .rc-mobile-feature-grid {
        display: grid;
        gap: 8px;
    }

    .rc-mobile-feature-grid .rc-nav-solution-card {
        min-height: 98px;
        padding: 13px 12px 13px 54px;
        border-radius: 16px;
        background: rgba(247, 248, 252, .68);
    }

    .rc-mobile-feature-grid .rc-nav-solution-card::before {
        top: 12px;
        bottom: 12px;
        left: 12px;
    }

    .rc-mobile-feature-grid .rc-nav-solution-card > .rc-icon {
        top: 12px;
        bottom: 12px;
        left: 12px;
    }


    .rc-mobile-feature-grid .rc-nav-solution-card strong {
        font-size: 14px;
    }

    .rc-mobile-feature-grid .rc-nav-solution-card span {
        font-size: 11.5px;
        line-height: 1.38;
    }

    .rc-mobile-capability-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        overflow: hidden;
        border-radius: 16px;
        background: rgba(247, 248, 252, .92);
    }

    .rc-mobile-capability-grid .rc-nav-capability-group {
        padding: 13px;
    }

    .rc-mobile-help-grid {
        display: grid;
        gap: 12px;
    }

    .rc-mobile-help-grid .rc-nav-section {
        padding: 12px;
        border-radius: 16px;
        background: rgba(247, 248, 252, .68);
    }

    .rc-mobile-help-grid .rc-nav-section-head {
        min-height: 0;
        margin-bottom: 6px;
        padding: 0 0 8px;
    }

    .rc-mobile-help-grid .rc-nav-links a {
        min-height: 0;
        padding: 10px 0;
        border-radius: 0;
    }

    .rc-mobile-help-grid .rc-nav-links a:hover {
        background: transparent;
        transform: none;
    }

    .rc-mobile-group-title {
        margin: 10px 0 0;
        color: var(--rc-nav-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rc-mobile-links {
        display: grid;
        gap: 4px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .rc-mobile-links li {
        list-style: none;
    }

    .rc-mobile-links a {
        display: block;
        padding: 11px 10px;
        border-radius: 14px;
        background: rgba(247, 248, 252, .78);
    }

    .rc-mobile-links strong {
        display: block;
        font-size: 13px;
        font-weight: 820;
        line-height: 1.15;
    }

    .rc-mobile-links span {
        display: block;
        margin-top: 4px;
        color: var(--rc-nav-muted);
        font-size: 11px;
        line-height: 1.35;
    }

    .rc-mobile-single {
        display: block;
        min-height: 54px;
        padding: 17px 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 20px;
        background: #fff;
        font-size: 15px;
        font-weight: 850;
    }

    .rc-mobile-actions {
        display: grid;
        gap: 10px;
        margin-top: 4px;
    }

    .rc-mobile-actions a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        border-radius: 999px;
        color: var(--rc-nav-text) !important;
        background: #fff;
        border: 1px solid rgba(231, 234, 243, .95);
        font-size: 13px;
        font-weight: 850;
        text-decoration: none !important;
    }

    .rc-mobile-actions a.rc-mobile-primary {
        color: #fff !important;
        border-color: transparent;
        background: linear-gradient(110deg, var(--rc-nav-purple), var(--rc-nav-blue));
    }

    .popup-mobile-menu.rc-mobile-open,
.popup-mobile-menu.active {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1000 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .popup-mobile-menu .inner-wrapper {
        width: min(85vw, 440px) !important;
        max-width: min(85vw, 440px) !important;
    }

    .popup-mobile-menu.rc-mobile-open .inner-wrapper,
.popup-mobile-menu.active .inner-wrapper {
        position: relative;
        z-index: 1001;
        transform: translateX(0) !important;
    }

    .close_side_menu.rc-mobile-open,
.close_side_menu.active {
        position: fixed !important;
        inset: 0 !important;
        z-index: 999 !important;
        display: block !important;
        background: rgba(16, 24, 40, .34);
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.rc-mobile-nav-open {
        overflow: hidden;
    }

    @media (max-width: 1390px) {
        .rc-desktop-menu {
            gap: 22px;
        }
    }

    @media (max-width: 1199px) {
        .mainbar-row {
            gap: 28px;
        }

        .rc-desktop-menu {
            gap: 18px;
        }

        .rc-nav-actions {
            gap: 8px;
        }

        .rc-nav-actions a {
            padding-right: 13px;
            padding-left: 13px;
        }
    }


:root {
        --rch-bg: #ffffff;
        --rch-bg-soft: #f7f8fc;
        --rch-bg-lavender: #fbf9ff;
        --rch-text: #101828;
        --rch-text-soft: #475467;
        --rch-muted: #667085;
        --rch-line: #e7eaf3;
        --rch-purple: #6e00be;
        --rch-purple-2: #8b5cf6;
        --rch-purple-soft: #f3ecff;
        --rch-blue: #1a8bff;
        --rch-blue-soft: #eef6ff;
        --rch-pink: #ff2171;
        --rch-pink-soft: #fff0f6;
        --rch-green: #16a34a;
        --rch-green-soft: #ecfdf3;
        --rch-orange: #f97316;
        --rch-orange-soft: #fff7ed;
        --rch-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rch-shadow-soft: 0 14px 42px rgba(16, 24, 40, .07);
        --rch-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    html {
        scroll-behavior: auto;
    }

    
    .rch-page {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: var(--rch-bg);
        color: var(--rch-text);
        font-family: var(--rch-font);
    }

    .rch-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rch-section {
        position: relative;
        padding: 112px 0;
    }

    .rch-platform-section,
#interactive-report,
.rch-ai-multiplier,
.rch-internal-ai-section,
.rch-ai-assistant-section,
.rch-memory-section {
        border-top: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        background: var(--rch-purple-soft);
        color: var(--rch-purple);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .01em;
        white-space: nowrap;
    }

    .rch-dot {
        width: 8px;
        height: 8px;
        flex: 0 0 auto;
        border-radius: 999px;
        background: var(--rch-green);
        box-shadow: 0 0 0 5px rgba(22, 163, 74, .12);
    }

    .rch-title {
        position: relative;
        margin: 18px 0 0;
        overflow: visible;
        color: var(--rch-text);
        font-weight: 720;
        letter-spacing: -.04em;
        line-height: 1.02;
    }

    .rch-title-xl {
        max-width: 1040px;
        font-size: clamp(66px, 7.4vw, 95px);
    }

    .rch-title-lg {
        font-size: clamp(38px, 5vw, 68px);
    }

    .rch-lede {
        max-width: 680px;
        margin: 30px 0 0;
        color: var(--rch-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rch-copy {
        color: var(--rch-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .rch-anchor-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 34px;
    }

    .rch-anchor-row a,
.rch-doc-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 14px;
        border: 1px solid rgba(231, 234, 243, .95);
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: #fff;
        box-shadow: 0 10px 24px rgba(16, 24, 40, .045);
        font-size: 12px;
        font-weight: 850;
        text-decoration: none !important;
    }

    .rch-doc-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin: -30px 0 46px;
    }

    .rch-section-eyebrow {
        margin-bottom: 18px;
    }

    .rch-hero {
        position: relative;
        min-height: auto;
        padding: 174px 0 126px;
        background:
            radial-gradient(circle at 9% 8%, rgba(139, 92, 246, .13), transparent 28%),
            radial-gradient(circle at 92% 12%, rgba(26, 139, 255, .12), transparent 28%),
            linear-gradient(180deg, #fff 0%, #fbfbff 100%);
    }

    .rch-hero::after {
        position: absolute;
        right: -180px;
        bottom: -250px;
        width: 620px;
        height: 620px;
        border: 1px solid rgba(110, 0, 190, .08);
        border-radius: 999px;
        content: "";
        box-shadow:
            0 0 0 80px rgba(110, 0, 190, .025),
            0 0 0 160px rgba(26, 139, 255, .018);
    }

    .rch-hero-grid {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, 1120px);
        gap: 0;
        align-items: center;
    }

    .rch-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-bottom: .08em;
        padding-right: .08em;
        margin-top: -.04em;
        margin-bottom: -.08em;
        margin-right: -.08em;
        overflow: visible;
        color: var(--rch-purple);
        background: linear-gradient(110deg, var(--rch-purple), var(--rch-blue) 65%, var(--rch-pink));
        -webkit-background-clip: text;
        background-clip: text;
        white-space: nowrap;
        -webkit-text-fill-color: transparent;
    }

    .rch-centralizer-visual {
        position: absolute;
        top: 22px;
        right: -18px;
        width: min(690px, 100%);
        min-height: 620px;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 34px;
        background:
            radial-gradient(circle at 50% 43%, rgba(110, 0, 190, .16), transparent 34%),
            radial-gradient(circle at 88% 14%, rgba(26, 139, 255, .13), transparent 28%),
            radial-gradient(circle at 12% 84%, rgba(22, 163, 74, .11), transparent 28%),
            rgba(255, 255, 255, .84);
        box-shadow: var(--rch-shadow);
        backdrop-filter: blur(18px);
    }

    @keyframes rch-stage-pulse {
        0%,
18%,
100% { opacity: 0; }
        7%,
12% { opacity: 1; }
    }

    @keyframes rch-packet-flow {
        0% { left: 0; opacity: 0; transform: translate(-50%, -50%) scale(.7); }
        12%,
86% { opacity: 1; }
        100% { left: 100%; opacity: 0; transform: translate(-50%, -50%) scale(.7); }
    }

    @keyframes rch-core-ring {
        0%,
100% { opacity: .45; transform: scale(.94); }
        50% { opacity: .95; transform: scale(1.04); }
    }

    @keyframes rch-pill-float {
        0%,
100% { transform: translateY(0); }
        50% { transform: translateY(-7px); }
    }

    @keyframes rch-bar-fill {
        0%,
100% { transform: translateX(-18%); }
        50% { transform: translateX(0); }
    }

    .rch-centralizer-visual {
        position: absolute;
        top: 32px;
        right: -28px;
        width: min(660px, calc(100% + 78px));
        min-height: 590px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    .rch-hero-system {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: 1fr;
        gap: 52px;
        align-items: stretch;
        min-height: 0;
        padding: 22px 0;
    }

    .rch-system-column {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-system-outcomes {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rch-system-middle {
        position: relative;
        display: grid;
        gap: 6px;
    }

    .rch-system-middle::before,
.rch-system-middle::after {
        content: "";
        position: absolute;
        left: 50%;
        z-index: 3;
        width: 16px;
        height: 32px;
        color: rgba(110, 0, 190, .3);
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        text-align: center;
        transform: translateX(-50%);
    }

    .rch-system-middle::before {
        top: -43px;
    }

    .rch-system-middle::after {
        bottom: -43px;
    }

    .rch-system-label {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        grid-column: 1 / -1;
        justify-self: center;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--rch-muted);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .12em;
        text-align: center;
        text-transform: uppercase;
        box-shadow: none;
        backdrop-filter: none;
    }

    .rch-system-item,
.rch-system-output {
        position: relative;
        display: block;
        min-height: 112px;
        overflow: hidden;
        padding: 15px;
        border: 1px solid rgba(231, 234, 243, .58);
        border-radius: 24px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(250, 251, 255, .88)),
            radial-gradient(circle at 24% 0%, rgba(255, 255, 255, .66), transparent 34%);
        box-shadow:
            0 20px 46px rgba(16, 24, 40, .07),
            0 1px 0 rgba(255, 255, 255, .96) inset,
            0 0 0 1px rgba(255, 255, 255, .58) inset;
        backdrop-filter: blur(12px) saturate(115%);
    }

    .rch-system-item::before,
.rch-system-output::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, .34), transparent 36%),
            linear-gradient(180deg, rgba(255, 255, 255, .24), transparent 44%);
        pointer-events: none;
    }

    .rch-system-item::after,
.rch-system-output::after,
.rch-system-core::after {
        display: none;
    }

    .rch-system-output {
        text-align: left;
    }

    .rch-system-item > *,
.rch-system-output > * {
        position: relative;
        z-index: 2;
    }

    .rch-system-index {
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 999px;
        color: var(--rch-purple);
        background: #fff;
        border: 1px solid rgba(110, 0, 190, .22);
        font-size: 10px;
        font-weight: 950;
        box-shadow: 0 8px 18px rgba(16, 24, 40, .06);
    }

    .rch-system-item .rch-system-index,
.rch-system-output .rch-system-index {
        margin-bottom: 11px;
    }

    .rch-system-output .rch-system-index {
        color: var(--rch-blue);
        border-color: rgba(26, 139, 255, .28);
    }

    .rch-system-item small,
.rch-system-output small {
        display: block;
        color: var(--rch-purple);
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-system-output small {
        color: var(--rch-blue);
    }

    .rch-system-item strong,
.rch-system-output strong {
        display: block;
        margin-top: 5px;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.03;
        letter-spacing: -.045em;
    }

    .rch-system-item span,
.rch-system-output span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-system-core {
        position: relative;
        min-height: 112px;
        overflow: hidden;
        padding: 15px;
        border: 1px solid rgba(231, 234, 243, .58);
        border-radius: 24px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(250, 251, 255, .88)),
            radial-gradient(circle at 24% 0%, rgba(255, 255, 255, .66), transparent 34%);
        box-shadow:
            0 20px 46px rgba(16, 24, 40, .07),
            0 1px 0 rgba(255, 255, 255, .96) inset,
            0 0 0 1px rgba(255, 255, 255, .58) inset;
        backdrop-filter: blur(12px) saturate(115%);
    }

    .rch-system-core::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, .34), transparent 36%),
            linear-gradient(180deg, rgba(255, 255, 255, .24), transparent 44%);
        pointer-events: none;
    }

    .rch-system-core-head {
        position: relative;
        z-index: 2;
        display: grid;
        justify-items: center;
        gap: 10px;
        padding: 0;
        text-align: center;
    }

    .rch-system-core-name {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--rch-text);
        font-size: 27px;
        font-weight: 820;
        letter-spacing: -.055em;
    }

    .rch-system-core-head span {
        display: block;
        max-width: 430px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.45;
    }

    .rch-system-core-list {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px 12px;
        margin-top: 2px;
    }

    .rch-system-core-list span {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        color: var(--rch-text-soft);
        background: transparent;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .02em;
        text-align: center;
        text-transform: uppercase;
        box-shadow: none;
    }

    .rch-system-core-list span + span::before {
        content: "";
        width: 4px;
        height: 4px;
        margin-right: 12px;
        border-radius: 999px;
        background: rgba(110, 0, 190, .24);
    }

    @keyframes rch-spin {
        to {
            transform: rotate(360deg);
        }
    }

    .rch-window-dots {
        display: flex;
        gap: 7px;
        padding-left: 18px;
    }

    .rch-window-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-window-dots span:nth-child(1) {
        background: #ff5f57;
    }

    .rch-window-dots span:nth-child(2) {
        background: #ffbd2e;
    }

    .rch-window-dots span:nth-child(3) {
        background: #28c840;
    }

    @keyframes rch-client-in {
        from {
            opacity: 0;
            transform: translateY(7px) scale(.992);
        }
        to {
            opacity: 1;
            transform: none;
        }
    }

    .rch-chatgpt-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-claude-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-cursor-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-openclaw-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-grok-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: none;
        stroke: currentColor;
    }

    .rch-client-brand-icon .rch-chatgpt-logo,
.rch-gpt-avatar .rch-chatgpt-logo,
.rch-demo-avatar .rch-chatgpt-logo {
        width: 13px;
        height: 13px;
    }

    @keyframes rch-hgpt-nav-cycle {
        0%,
18.5% {
            color: #171717;
            background: #ececec;
        }
        20%,
100% {
            color: #4f4f4f;
            background: transparent;
        }
    }

    @keyframes rch-hgpt-thread-cycle {
        0%,
18.5% {
            opacity: 1;
            transform: none;
        }
        20%,
100% {
            opacity: 0;
            transform: translateY(8px);
        }
    }

    @keyframes rch-hgpt-message-cycle {
        0%,
.6% {
            opacity: 0;
            transform: translateY(8px);
        }
        1.2%,
18.8% {
            opacity: 1;
            transform: none;
        }
        19.8%,
100% {
            opacity: 0;
            transform: translateY(-5px);
        }
    }

    @keyframes rch-hgpt-thinking-cycle {
        0%,
1.5% {
            opacity: 0;
            transform: translateY(8px);
        }
        2.1%,
3% {
            opacity: 1;
            transform: none;
        }
        3.7%,
100% {
            opacity: 0;
            transform: translateY(-5px);
        }
    }

    @keyframes rch-hgpt-dot {
        0%,
80%,
100% {
            opacity: .35;
            transform: translateY(0);
        }
        40% {
            opacity: 1;
            transform: translateY(-2px);
        }
    }

    @keyframes rch-hgpt-bar-cycle {
        0%,
1.2% {
            transform: scaleY(0);
        }
        2.4%,
18.8% {
            transform: scaleY(1);
        }
        20%,
100% {
            transform: scaleY(0);
        }
    }

    .rch-section-head {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(300px, .62fr);
        gap: 70px;
        align-items: center;
        margin-bottom: 54px;
    }

    .rch-section-head .rch-copy {
        margin: 0;
    }









    .rch-connected {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #15803d;
        font-size: 10px;
        font-weight: 850;
    }

    .rch-demo-message {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        margin-bottom: 17px;
    }

    .rch-demo-message.user {
        justify-content: flex-end;
    }

    .rch-demo-bubble {
        max-width: 255px;
        padding: 12px 13px;
        border: 1px solid var(--rch-line);
        border-radius: 15px;
        color: var(--rch-text-soft);
        background: #fff;
        font-size: 12px;
        line-height: 1.58;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .04);
    }

    .rch-demo-bubble.user {
        color: #fff;
        background: var(--rch-purple);
        border-color: var(--rch-purple);
        border-bottom-right-radius: 5px;
    }

    .rch-demo-avatar {
        display: grid;
        width: 28px;
        height: 28px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-purple-2));
        font-size: 10px;
        font-weight: 900;
    }

    .rch-demo-avatar.user {
        color: var(--rch-text);
        background: #eaecf0;
    }

    .rch-typing {
        display: inline-flex;
        gap: 4px;
        align-items: center;
        height: 15px;
    }

    .rch-typing span {
        width: 5px;
        height: 5px;
        border-radius: 999px;
        background: #98a2b3;
        animation: rch-bounce 1s infinite ease-in-out;
    }

    .rch-typing span:nth-child(2) {
        animation-delay: .12s;
    }

    .rch-typing span:nth-child(3) {
        animation-delay: .24s;
    }

    @keyframes rch-bounce {
        0%,
60%,
100% {
            transform: translateY(0);
        }

        30% {
            transform: translateY(-4px);
        }
    }

    .rch-chat-result-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        margin-top: 11px;
        padding: 10px 11px;
        border: 1px solid #dac7ff;
        border-radius: 10px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 850;
        cursor: pointer;
    }

    @keyframes rch-fade {
        from {
            opacity: 0;
            transform: translateY(5px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .rch-tool-run {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) auto;
        gap: 11px;
        align-items: center;
        padding: 12px;
        border: 1px solid var(--rch-line);
        border-radius: 13px;
        background: #fff;
        opacity: .56;
        transition: opacity .25s ease, border-color .25s ease, transform .25s ease;
    }

    .rch-tool-run.active {
        opacity: 1;
        border-color: #d7c5fa;
        transform: translateX(3px);
    }

    .rch-tool-run.done {
        border-color: #bbefcd;
    }

    .rch-tool-run-icon {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 10px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 11px;
        font-weight: 900;
    }

    .rch-tool-run-name {
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-tool-run-desc {
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 9px;
        line-height: 1.4;
    }

    .rch-tool-status {
        color: var(--rch-muted);
        font-size: 9px;
        font-weight: 850;
    }

    .rch-tool-run.done .rch-tool-status {
        color: var(--rch-green);
    }

    .rch-report-shell {
        display: grid;
        gap: 12px;
    }

    .rch-report-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 1px 2px 3px;
    }

    .rch-report-kicker {
        color: var(--rch-purple);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .rch-report-title {
        margin-top: 4px;
        color: var(--rch-text);
        font-size: 18px;
        font-weight: 850;
        letter-spacing: -.03em;
    }

    .rch-report-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 29px;
        padding: 0 10px;
        border-radius: 999px;
        color: #15803d;
        background: var(--rch-green-soft);
        font-size: 9px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-report-kpis {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-report-kpi,
.rch-report-card {
        border: 1px solid var(--rch-line);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 22px rgba(16, 24, 40, .035);
    }

    .rch-report-kpi {
        padding: 12px;
    }

    .rch-report-kpi span {
        display: block;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-report-kpi strong {
        display: block;
        margin-top: 7px;
        color: var(--rch-text);
        font-size: 19px;
        letter-spacing: -.04em;
    }

    .rch-report-kpi small {
        display: block;
        margin-top: 4px;
        color: var(--rch-green);
        font-size: 8px;
        font-weight: 850;
    }

    .rch-report-card {
        padding: 14px;
    }

    .rch-report-card-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-report-card-title span {
        color: var(--rch-green);
        font-size: 9px;
    }

    .rch-report-chart svg {
        display: block;
        width: 100%;
        height: 138px;
        margin-top: 5px;
    }

    .rch-chart-line {
        stroke-dasharray: 480;
        stroke-dashoffset: 480;
        animation: rch-draw 1.1s .1s ease forwards;
    }

    .rch-chart-area {
        opacity: 0;
        animation: rch-area .8s .45s ease forwards;
    }

    @keyframes rch-draw {
        to {
            stroke-dashoffset: 0;
        }
    }

    @keyframes rch-area {
        to {
            opacity: 1;
        }
    }

    .rch-report-bottom {
        display: grid;
        grid-template-columns: .86fr 1.14fr;
        gap: 12px;
    }

    .rch-donut-wrap {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-top: 12px;
    }

    .rch-donut {
        width: 86px;
        height: 86px;
        flex: 0 0 auto;
        border-radius: 999px;
        background: conic-gradient(var(--rch-purple) 0 44%, var(--rch-blue) 44% 72%, var(--rch-pink) 72% 88%, #f59e0b 88% 100%);
        box-shadow: inset 0 0 0 21px #fff;
    }

    .rch-donut-legend {
        display: grid;
        gap: 7px;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-legend-dot {
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-right: 6px;
        border-radius: 999px;
    }

    .rch-product-bars {
        display: grid;
        gap: 11px;
        margin-top: 13px;
    }

    .rch-product-row {
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr) 42px;
        gap: 9px;
        align-items: center;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-product-row strong {
        color: var(--rch-text);
        text-align: right;
        font-size: 9px;
    }

    .rch-product-track {
        height: 7px;
        overflow: hidden;
        border-radius: 999px;
        background: #edf0f5;
    }

    .rch-product-track span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--rch-purple), var(--rch-purple-2));
        transform-origin: left;
        animation: rch-grow .75s ease both;
    }

    @keyframes rch-grow {
        from {
            transform: scaleX(0);
        }
    }

    .rch-result-list {
        display: grid;
        gap: 9px;
    }

    .rch-result-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 11px;
        align-items: center;
        padding: 12px;
        border: 1px solid var(--rch-line);
        border-radius: 13px;
        background: #fff;
    }

    .rch-result-row-icon {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-result-row strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
    }

    .rch-result-row span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-result-row-value {
        color: var(--rch-text);
        font-size: 10px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-result-summary {
        margin-top: 12px;
        padding: 14px;
        border: 1px solid #d9c7ff;
        border-radius: 14px;
        color: var(--rch-text-soft);
        background: var(--rch-purple-soft);
        font-size: 10px;
        line-height: 1.6;
    }

    .rch-result-summary strong {
        color: var(--rch-purple);
        font-size: 12px;
    }

    .rch-ai-scenario-lab {
        display: grid;
        gap: 96px;
        overflow: visible;
    }

    #interactive-report .rch-ai-scenario-panel {
        position: relative;
    }

    .rch-scenario-gpt {
        overflow: hidden;
        border: 1px solid #e7e7e9;
        border-radius: 28px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    #interactive-report .rch-scenario-gpt {
        border-color: rgba(231, 231, 233, .72);
        box-shadow: 0 10px 28px rgba(16, 24, 40, .045);
    }

    .rch-scenario-claude-agent {
        overflow: hidden;
        border: 1px solid #ded7cc;
        border-radius: 28px;
        background: #f7f3ec;
        box-shadow: 0 10px 28px rgba(86, 71, 55, .08);
    }

    .rch-scenario-claude-agent .rch-claude-agent-ui {
        min-height: 610px;
        grid-template-columns: 168px minmax(0, 1fr);
    }

    .rch-scenario-claude-agent .rch-claude-agent-side {
        padding: 22px 16px;
    }

    .rch-scenario-claude-agent .rch-claude-agent-side-title {
        font-size: 28px;
    }

    .rch-scenario-claude-agent .rch-claude-agent-nav {
        gap: 8px;
        margin-top: 24px;
        font-size: 11px;
    }

    .rch-scenario-claude-agent .rch-claude-agent-nav span {
        padding: 10px 11px;
        border-radius: 12px;
    }

    .rch-scenario-claude-agent .rch-claude-agent-main {
        display: grid;
        align-content: start;
        padding: 24px;
    }

    .rch-scenario-claude-agent .rch-claude-agent-prompt {
        max-width: 440px;
        padding: 15px 17px;
        border-radius: 18px;
        font-size: 13px;
    }

    .rch-scenario-claude-agent .rch-claude-agent-run {
        margin-top: 18px;
        padding: 20px;
        border-radius: 22px;
    }

    .rch-scenario-claude-agent .rch-claude-agent-run strong {
        font-size: 22px;
    }

    .rch-scenario-claude-agent .rch-claude-agent-run strong::after {
        content: "running";
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        margin-left: 10px;
        padding: 0 9px;
        border-radius: 999px;
        color: #15803d;
        background: rgba(22, 163, 74, .10);
        font-family: var(--rch-font);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
        vertical-align: middle;
        animation: rchClaudeStatusPulse 1.8s ease-in-out infinite;
    }

    .rch-scenario-claude-agent .rch-claude-agent-run p {
        margin-top: 8px;
        font-size: 13px;
    }

    .rch-scenario-claude-agent .rch-claude-subagents {
        gap: 10px;
        margin-top: 16px;
    }

    .rch-scenario-claude-agent .rch-claude-subagents div {
        position: relative;
        overflow: hidden;
        padding: 13px 12px;
        border-radius: 15px;
        font-size: 11px;
        animation: rchClaudeSubagentBreathe 3.8s ease-in-out infinite;
    }

    .rch-scenario-claude-agent .rch-claude-subagents div:nth-child(2) {
        animation-delay: .55s;
    }

    .rch-scenario-claude-agent .rch-claude-subagents div:nth-child(3) {
        animation-delay: 1.1s;
    }

    .rch-scenario-claude-agent .rch-claude-subagents div::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(100deg, transparent 0%, rgba(217, 119, 87, .10) 42%, rgba(255, 255, 255, .55) 50%, transparent 62%);
        transform: translateX(-115%);
        animation: rchClaudeSweep 4.4s ease-in-out infinite;
        pointer-events: none;
    }

    .rch-scenario-claude-agent .rch-claude-subagents div:nth-child(2)::after {
        animation-delay: .65s;
    }

    .rch-scenario-claude-agent .rch-claude-subagents div:nth-child(3)::after {
        animation-delay: 1.3s;
    }

    .rch-scenario-claude-agent .rch-claude-subagents b {
        margin-bottom: 4px;
        font-size: 12px;
    }

    .rch-scenario-claude-agent .rch-claude-agent-memory {
        gap: 10px;
        margin-top: 16px;
    }

    .rch-scenario-claude-agent .rch-claude-agent-memory div {
        opacity: 0;
        transform: translateY(8px);
        padding: 13px 14px;
        border-radius: 15px;
        font-size: 11px;
        animation: rchClaudeEvidence 7.5s ease-in-out infinite;
    }

    .rch-scenario-claude-agent .rch-claude-agent-memory div:nth-child(2) {
        animation-delay: .9s;
    }

    .rch-scenario-claude-agent .rch-claude-agent-memory div:nth-child(3) {
        animation-delay: 1.8s;
    }

    .rch-scenario-claude-agent .rch-claude-agent-memory strong {
        font-size: 12px;
    }

    .rch-scenario-claude-agent .rch-claude-agent-memory small {
        font-size: 9px;
    }

    .rch-scenario-cursor-agent {
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 28px;
        background: #0e1117;
        box-shadow: 0 18px 44px rgba(2, 6, 23, .22);
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-ui {
        min-height: 620px;
        grid-template-columns: 44px 156px minmax(0, 1fr);
        grid-template-rows: 38px minmax(0, 1fr);
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 150px minmax(0, 1fr) 150px;
        align-items: center;
        min-height: 38px;
        padding: 0 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
        color: #94a3b8;
        font-size: 11px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(1) { background: #ff5f57; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(2) { background: #ffbd2e; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(3) { background: #28c840; }

    .rch-scenario-cursor-agent .rch-cursor-command-center {
        justify-self: center;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: min(100%, 340px);
        min-height: 25px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 8px;
        background: rgba(255, 255, 255, .045);
        color: #cbd5e1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label {
        justify-self: end;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #e2e8f0;
        font-weight: 850;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label svg {
        width: 15px;
        height: 15px;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity {
        display: grid;
        align-content: start;
        justify-items: center;
        gap: 15px;
        padding: 14px 0;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span {
        display: grid;
        width: 26px;
        height: 26px;
        place-items: center;
        border-radius: 8px;
        color: #64748b;
        font-size: 13px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-files {
        padding: 18px 12px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-label {
        font-size: 10px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-file {
        padding: 9px 10px;
        border-radius: 10px;
        font-size: 11px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-main {
        grid-template-rows: 44px minmax(0, 1fr) 210px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-tabs {
        gap: 7px;
        padding: 0 14px;
        font-size: 11px;
    }

    .rch-scenario-cursor-agent .rch-cursor-code {
        padding: 18px;
        font-size: 12px;
        line-height: 1.82;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head {
        padding: 15px 17px 0;
        font-size: 13px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head span {
        font-size: 9px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-prompt {
        margin: 12px 17px 0;
        padding: 12px 13px;
        border-radius: 14px;
        font-size: 11px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks {
        gap: 8px;
        margin: 12px 17px 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks div {
        grid-template-columns: 20px minmax(0, 1fr) auto;
        gap: 9px;
        font-size: 11px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks b {
        font-size: 12px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks small {
        font-size: 9px;
    }

    @keyframes rchClaudeStatusPulse {
        0%,
100% {
            box-shadow: 0 0 0 0 rgba(22, 163, 74, .16);
        }

        50% {
            box-shadow: 0 0 0 6px rgba(22, 163, 74, .06);
        }
    }

    @keyframes rchClaudeSubagentBreathe {
        0%,
100% {
            border-color: #eadfd1;
            transform: translateY(0);
        }

        45% {
            border-color: #d7c7b4;
            transform: translateY(-2px);
        }
    }

    @keyframes rchClaudeSweep {
        0%,
36% {
            transform: translateX(-115%);
        }

        62%,
100% {
            transform: translateX(115%);
        }
    }

    @keyframes rchClaudeEvidence {
        0% {
            opacity: 0;
            transform: translateY(8px);
        }

        10%,
72% {
            opacity: 1;
            transform: translateY(0);
        }

        92%,
100% {
            opacity: .52;
            transform: translateY(0);
        }
    }

    .rch-scenario-gpt-top {
        display: grid;
        grid-template-columns: 94px minmax(0, 1fr) auto;
        align-items: center;
        min-height: 56px;
        padding-right: 17px;
        border-bottom: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-gpt-title {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #202123;
        font-size: 13px;
        font-weight: 850;
    }

    .rch-scenario-gpt-title span {
        display: grid;
        width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt-title small {
        color: #777b83;
        font-size: 10px;
        font-weight: 650;
    }

    .rch-scenario-gpt-grid {
        display: grid;
        grid-template-columns: 310px minmax(0, 1fr);
        min-height: 520px;
    }

    .rch-scenario-chat {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-output-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 54px;
        padding: 0 16px;
        border-bottom: 1px solid #f0f0f1;
        color: #202123;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-scenario-chat-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: auto;
        padding: 18px 15px;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message {
        opacity: 0;
        transform: translateY(8px);
        animation-duration: 13s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(1) {
        animation-name: rch-scenario-message-1;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(2) {
        animation-name: rch-scenario-message-2;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(3) {
        animation-name: rch-scenario-message-3;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(4) {
        animation-name: rch-scenario-message-4;
    }

    @keyframes rch-scenario-message-1 {
        0%,
6% {
            opacity: 0;
            transform: translateY(8px);
        }

        10%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(-4px);
        }
    }

    @keyframes rch-scenario-message-2 {
        0%,
14% {
            opacity: 0;
            transform: translateY(8px);
        }

        19%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(-4px);
        }
    }

    @keyframes rch-scenario-message-3 {
        0%,
46% {
            opacity: 0;
            transform: translateY(8px);
        }

        51%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(-4px);
        }
    }

    @keyframes rch-scenario-message-4 {
        0%,
55% {
            opacity: 0;
            transform: translateY(8px);
        }

        60%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(-4px);
        }
    }

    .rch-scenario-composer {
        margin: auto 14px 14px;
        padding: 11px 12px;
        border: 1px solid #dedfe2;
        border-radius: 18px;
        color: #8a8d94;
        background: #fff;
        box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
        font-size: 11px;
    }

    .rch-scenario-composer-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 14px;
    }

    .rch-scenario-composer-tools {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #6b6d74;
        font-size: 9px;
        font-weight: 750;
    }

    .rch-scenario-composer-tools span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 23px;
        padding: 0 8px;
        border: 1px solid #ececec;
        border-radius: 999px;
        background: #f7f7f8;
    }

    .rch-scenario-send {
        display: grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111827;
        font-size: 12px;
        font-weight: 900;
    }

    .rch-scenario-gpt .rch-demo-bubble {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-scenario-gpt .rch-demo-bubble.user {
        color: #202123;
        background: #f1f1f1;
        border-radius: 15px 15px 5px 15px;
    }

    .rch-scenario-gpt .rch-demo-avatar {
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt .rch-demo-avatar.user {
        color: #3f4147;
        background: #e7e7e9;
    }

    .rch-scenario-output {
        min-width: 0;
        background: #f7f7f8;
    }

    .rch-scenario-output-body {
        position: relative;
        height: 466px;
        overflow: auto;
        padding: 17px;
    }

    .rch-output-state {
        opacity: 0;
        animation: rch-output-primary 13s ease-in-out infinite;
    }

    .rch-output-state-secondary {
        position: absolute;
        inset: 17px;
        opacity: 0;
        pointer-events: none;
        animation: rch-output-secondary 13s ease-in-out infinite;
    }

    @keyframes rch-output-primary {
        0%,
20% {
            opacity: 0;
            transform: translateY(8px);
        }

        25%,
50% {
            opacity: 1;
            transform: translateY(0);
        }

        56%,
100% {
            opacity: 0;
            transform: translateY(-6px);
        }
    }

    @keyframes rch-output-secondary {
        0%,
61% {
            opacity: 0;
            transform: translateY(8px);
        }

        66%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(6px);
        }
    }

    .rch-connected-visual {
        position: relative;
        min-height: 590px;
    }

    .rch-connected-visual .rch-centralizer-visual {
        position: relative;
        top: auto;
        right: auto;
        width: min(660px, 100%);
        margin-left: auto;
    }

    .rch-command-system .rch-connected-visual {
        min-height: auto;
        margin-top: 8px;
    }

    .rch-command-system .rch-centralizer-visual {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        min-height: auto;
        margin: 0;
        padding: 30px;
    }

    .rch-command-system .rch-hero-system {
        grid-template-columns: minmax(0, 1fr) minmax(270px, .78fr) minmax(0, 1fr);
        gap: 44px;
        align-items: center;
        padding: 0;
    }

    .rch-command-system .rch-system-column,
.rch-command-system .rch-system-outcomes {
        grid-template-columns: 1fr;
    }

    .rch-command-system .rch-system-middle {
        align-self: center;
    }

    .rch-command-system .rch-system-middle::before,
.rch-command-system .rch-system-middle::after {
        top: 50%;
        width: 30px;
        height: 30px;
        color: rgba(110, 0, 190, .24);
        content: "";
        font-size: 22px;
        line-height: 30px;
        transform: translateY(-50%);
    }

    .rch-command-system .rch-system-middle::before {
        left: -38px;
    }

    .rch-command-system .rch-system-middle::after {
        right: -38px;
        bottom: auto;
        left: auto;
    }

    .rch-platform-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .rch-client-stage {
        position: relative;
        margin-bottom: 54px;
        padding: 28px;
        overflow: hidden;
        border: 1px solid var(--rch-line);
        border-radius: 28px;
        background:
            radial-gradient(circle at 8% 15%, rgba(139, 92, 246, .09), transparent 28%),
            radial-gradient(circle at 92% 85%, rgba(26, 139, 255, .08), transparent 30%),
            #fff;
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-ai-multiplier .rch-client-stage {
        margin-bottom: 42px;
        padding: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-ai-multiplier .rch-client-stage-head {
        display: none;
    }

    .rch-client-stage-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        margin-bottom: 22px;
    }

    .rch-client-stage-head strong {
        display: block;
        color: var(--rch-text);
        font-size: 18px;
        letter-spacing: -.025em;
    }

    .rch-client-stage-head span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 12px;
    }

    .rch-client-connection {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 34px;
        padding: 0 12px;
        border-radius: 999px;
        color: #15803d;
        background: var(--rch-green-soft);
        font-size: 10px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-client-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rch-client-card {
        position: relative;
        min-height: 420px;
        overflow: hidden;
        border: 1px solid var(--rch-line);
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 12px 30px rgba(16, 24, 40, .06);
    }

    .rch-client-card-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 52px;
        padding: 0 14px;
        border-bottom: 1px solid var(--rch-line);
    }

    .rch-client-brand {
        display: flex;
        align-items: center;
        gap: 9px;
        color: var(--rch-text);
        font-size: 12px;
        font-weight: 850;
    }

    .rch-client-brand-icon {
        display: grid;
        width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: #111827;
        font-size: 10px;
        font-weight: 900;
    }

    .rch-client-brand-icon.claude {
        width: 27px;
        border-radius: 9px;
        color: #d97757;
        background: #fff8ed;
    }

    .rch-client-brand-icon.codex {
        color: #a7f3d0;
        background: #15231f;
        font-family: var(--rch-font);
    }

    .rch-client-brand-icon.grok {
        width: 27px;
        border-radius: 9px;
        color: #fff;
        background: #050505;
        border: 1px solid rgba(255, 255, 255, .12);
    }

    .rch-client-brand-icon.claude .rch-claude-logo,
.rch-client-brand-icon.grok .rch-grok-logo,
.rch-claude-side-logo .rch-claude-logo {
        width: 18px;
        height: 18px;
    }

    .rch-client-connected {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #15803d;
        font-size: 8px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-chatgpt-ui {
        min-height: 368px;
        padding: 12px;
        background: #f8f8f8;
    }

    .rch-gpt-web {
        display: grid;
        grid-template-columns: 108px minmax(0, 1fr);
        min-height: 344px;
        overflow: hidden;
        border: 1px solid #e7e7e7;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 12px 24px rgba(16, 24, 40, .05);
    }

    .rch-gpt-side {
        padding: 10px 8px;
        border-right: 1px solid #ececec;
        background: #f9f9f9;
    }

    .rch-gpt-side-top {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #111;
        font-size: 8px;
        font-weight: 800;
    }

    .rch-gpt-side-top span {
        display: grid;
        width: 20px;
        height: 20px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111;
    }

    .rch-gpt-new-chat {
        margin-top: 13px;
        padding: 7px 8px;
        border-radius: 8px;
        color: #171717;
        background: #ececec;
        font-size: 7px;
        font-weight: 750;
    }

    .rch-gpt-history {
        display: grid;
        gap: 4px;
        margin-top: 10px;
        color: #5f6368;
        font-size: 7px;
    }

    .rch-gpt-history span {
        overflow: hidden;
        padding: 6px 7px;
        border-radius: 7px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rch-gpt-history span:first-child {
        color: #171717;
        background: #ececec;
    }

    .rch-gpt-main {
        display: grid;
        grid-template-rows: 34px minmax(0, 1fr) 54px;
        min-width: 0;
    }

    .rch-gpt-model {
        display: flex;
        align-items: center;
        padding: 0 14px;
        color: #171717;
        font-size: 11px;
        font-weight: 800;
    }

    .rch-gpt-thread {
        width: min(100% - 28px, 300px);
        margin: 0 auto;
        padding-top: 8px;
    }

    .rch-gpt-message {
        display: flex;
        gap: 8px;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .rch-gpt-message.user {
        justify-content: flex-end;
    }

    .rch-gpt-avatar {
        display: grid;
        width: 22px;
        height: 22px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111827;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-gpt-bubble {
        max-width: 210px;
        padding: 9px 10px;
        border-radius: 13px;
        color: #2f3337;
        background: transparent;
        font-size: 8px;
        line-height: 1.45;
    }

    .rch-gpt-bubble.user {
        color: #101828;
        background: #f4f4f4;
    }

    .rch-gpt-result {
        margin-left: 30px;
        padding: 10px;
        border: 1px solid #ececec;
        border-radius: 13px;
        background: #fcfcfc;
    }

    .rch-gpt-result strong {
        display: block;
        color: #101828;
        font-size: 15px;
        letter-spacing: -.025em;
    }

    .rch-gpt-result span {
        display: block;
        margin-top: 3px;
        color: #15803d;
        font-size: 8px;
        font-weight: 800;
    }

    .rch-gpt-composer-mini {
        align-self: end;
        margin: 0 14px 12px;
        padding: 9px 11px;
        border: 1px solid #dedede;
        border-radius: 18px;
        color: #8b8b8b;
        background: #fff;
        font-size: 8px;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .06);
    }

    .rch-codex-ui {
        min-height: 368px;
        color: #dbe4f3;
        background: #0d131c;
    }

    .rch-codex-toolbar {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 35px;
        padding: 0 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        color: #94a3b8;
        font-size: 8px;
    }

    .rch-codex-toolbar strong {
        color: #fff;
        font-size: 9px;
    }

    .rch-codex-layout {
        display: grid;
        grid-template-columns: 34px 100px minmax(0, 1fr);
        min-height: 333px;
    }

    .rch-codex-rail {
        display: grid;
        align-content: start;
        justify-items: center;
        gap: 12px;
        padding-top: 12px;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #0b1119;
    }

    .rch-codex-rail span {
        display: grid;
        width: 20px;
        height: 20px;
        place-items: center;
        border-radius: 7px;
        color: #66758a;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-codex-rail span:first-child {
        color: #a7f3d0;
        background: #17251f;
    }

    .rch-codex-sidebar {
        padding: 12px 9px;
        border-right: 1px solid rgba(255, 255, 255, .09);
        background: #101821;
    }

    .rch-codex-label {
        margin-bottom: 8px;
        color: #64748b;
        font-size: 6px;
        font-weight: 900;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-codex-file {
        margin-bottom: 5px;
        padding: 6px 7px;
        border-radius: 6px;
        color: #94a3b8;
        font-size: 7px;
    }

    .rch-codex-file.active {
        color: #fff;
        background: rgba(139, 92, 246, .18);
    }

    .rch-codex-main {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        padding: 12px;
        min-width: 0;
    }

    .rch-codex-prompt {
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 9px;
        color: #e2e8f0;
        background: #121b26;
        font-size: 8px;
        line-height: 1.5;
    }

    .rch-codex-code {
        margin-top: 10px;
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 9px;
        color: #cbd5e1;
        background: #0a1018;
        font-family: "SFMono-Regular", Consolas, monospace;
        font-size: 7px;
        line-height: 1.7;
    }

    .rch-codex-code-head {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        margin: -2px 0 7px;
        color: #64748b;
        font-size: 6px;
        font-family: var(--rch-font);
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-codex-code .purple { color: #c4b5fd; }
    .rch-codex-code .green { color: #86efac; }
    .rch-codex-code .blue { color: #7dd3fc; }

    .rch-codex-terminal {
        margin-top: 10px;
        padding: 9px;
        border-radius: 9px;
        color: #94a3b8;
        background: #070b11;
        font-size: 7px;
        line-height: 1.6;
    }

    .rch-codex-terminal strong {
        color: #86efac;
    }

    .rch-grok-ui {
        min-height: 368px;
        color: #f4f4f5;
        background:
            radial-gradient(circle at 80% 8%, rgba(255, 255, 255, .10), transparent 28%),
            linear-gradient(180deg, #111113, #050505);
    }

    .rch-grok-shell {
        display: grid;
        grid-template-columns: 116px minmax(0, 1fr);
        min-height: 368px;
    }

    .rch-grok-side {
        padding: 14px 10px;
        border-right: 1px solid rgba(255, 255, 255, .09);
        background: rgba(255, 255, 255, .03);
    }

    .rch-grok-side-top {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #fff;
        font-size: 10px;
        font-weight: 900;
    }

    .rch-grok-side-top span {
        display: grid;
        width: 22px;
        height: 22px;
        place-items: center;
        border-radius: 8px;
        color: #fff;
        background: #000;
        border: 1px solid rgba(255, 255, 255, .12);
    }

    .rch-grok-new,
.rch-grok-nav span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-radius: 9px;
        color: rgba(255, 255, 255, .74);
        font-size: 7px;
    }

    .rch-grok-new {
        margin-top: 15px;
        padding: 8px;
        color: #111;
        background: #fff;
        font-weight: 850;
    }

    .rch-grok-nav {
        display: grid;
        gap: 5px;
        margin-top: 14px;
    }

    .rch-grok-nav span {
        padding: 7px 8px;
        background: rgba(255, 255, 255, .06);
    }

    .rch-grok-main {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        gap: 14px;
        padding: 16px;
    }

    .rch-grok-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        color: rgba(255, 255, 255, .58);
        font-size: 7px;
    }

    .rch-grok-top strong {
        color: #fff;
        font-size: 10px;
    }

    .rch-grok-thread {
        display: grid;
        align-content: center;
        gap: 10px;
    }

    .rch-grok-question {
        justify-self: end;
        max-width: 74%;
        padding: 10px 12px;
        border-radius: 16px 16px 4px 16px;
        color: #111;
        background: #fff;
        font-size: 8px;
        line-height: 1.45;
    }

    .rch-grok-answer {
        display: grid;
        gap: 9px;
        max-width: 82%;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 16px 16px 16px 5px;
        background: rgba(255, 255, 255, .055);
        color: rgba(255, 255, 255, .78);
        font-size: 8px;
        line-height: 1.55;
    }

    .rch-grok-answer strong {
        color: #fff;
    }

    .rch-grok-metrics {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }

    .rch-grok-metric {
        padding: 8px;
        border-radius: 11px;
        color: rgba(255, 255, 255, .64);
        background: rgba(255, 255, 255, .075);
        font-size: 6px;
    }

    .rch-grok-metric b {
        display: block;
        margin-bottom: 3px;
        color: #fff;
        font-size: 11px;
    }

    .rch-grok-composer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-height: 42px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, .11);
        border-radius: 999px;
        color: rgba(255, 255, 255, .45);
        background: rgba(255, 255, 255, .06);
        font-size: 8px;
    }

    .rch-grok-composer span:last-child {
        color: #fff;
        font-weight: 900;
    }

    .rch-claude-ui {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        min-height: 368px;
        color: #3f3a35;
        background: #f7f3ec;
    }

    .rch-claude-side {
        padding: 13px 10px;
        border-right: 1px solid #ded7cc;
        background: #f1ece4;
    }

    .rch-claude-side-logo {
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 9px;
        color: #2f2a26;
        background: #e7dfd3;
    }

    .rch-claude-new {
        margin-top: 17px;
        padding: 8px;
        border-radius: 9px;
        color: #3f3a35;
        background: #fffaf3;
        font-size: 7px;
        font-weight: 800;
    }

    .rch-claude-nav {
        display: grid;
        gap: 5px;
        margin-top: 12px;
        color: #766b61;
        font-size: 7px;
    }

    .rch-claude-nav span {
        padding: 6px 7px;
        border-radius: 8px;
    }

    .rch-claude-nav span:first-child {
        color: #2f2a26;
        background: #e7dfd3;
    }

    .rch-claude-main-card {
        padding: 16px;
        min-width: 0;
    }

    .rch-claude-greeting {
        margin: 0 0 13px;
        color: #2f2a26;
        font-family: Georgia, serif;
        font-size: 21px;
        font-weight: 500;
        letter-spacing: -.035em;
    }

    .rch-claude-prompt {
        margin-left: auto;
        max-width: 245px;
        padding: 10px 11px;
        border: 1px solid #ded7cc;
        border-radius: 14px;
        background: #fffdf9;
        font-size: 8px;
        line-height: 1.45;
        box-shadow: 0 8px 20px rgba(86, 71, 55, .06);
    }

    .rch-claude-answer {
        margin-top: 12px;
        padding: 12px;
        border-radius: 13px;
        background: rgba(255, 253, 249, .72);
        font-size: 8px;
        line-height: 1.5;
    }

    .rch-claude-answer strong {
        display: block;
        margin-bottom: 5px;
        color: #2f2a26;
        font-size: 9px;
    }

    .rch-claude-artifact {
        margin-top: 11px;
        overflow: hidden;
        border: 1px solid #e2d9cc;
        border-radius: 13px;
        background: #fffaf3;
    }

    .rch-claude-artifact-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 31px;
        padding: 0 10px;
        border-bottom: 1px solid #e2d9cc;
        color: #2f2a26;
        font-size: 8px;
        font-weight: 850;
    }

    .rch-claude-artifact-head span {
        color: #b4533c;
        font-size: 7px;
    }

    .rch-claude-finding {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 9px;
        align-items: center;
        padding: 9px 10px;
        border-bottom: 1px solid #eee4d8;
        background: #fffaf3;
    }

    .rch-claude-finding:last-child {
        border-bottom: 0;
    }

    .rch-claude-finding span {
        display: block;
        color: #766b61;
        font-size: 7px;
    }

    .rch-claude-finding strong {
        color: #2f2a26;
        font-size: 8px;
    }

    .rch-claude-finding-value {
        color: #b4533c;
        font-size: 9px;
        font-weight: 850;
    }

    .rch-ai-connect-lab {
        display: grid;
        grid-template-columns: 1fr;
        gap: 148px;
        align-items: start;
    }

    .rch-ai-connect-panel {
        display: grid;
        grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
        gap: 78px;
        align-items: center;
        min-width: 0;
        overflow: visible;
    }

    .rch-ai-connect-head {
        display: block;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .rch-ai-connect-head strong {
        display: block;
        color: var(--rch-text);
        font-size: clamp(34px, 4vw, 56px);
        line-height: .94;
        letter-spacing: -.065em;
    }

    .rch-ai-connect-head span {
        display: block;
        margin-top: 18px;
        color: var(--rch-muted);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-ai-connect-badge {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 900;
        white-space: nowrap;
        margin-top: 22px;
    }

    .rch-ai-multiplier .rch-ai-connect-badge {
        margin: 0 0 18px;
    }

    #interactive-report .rch-ai-connect-badge {
        margin: 0 0 18px;
    }

    .rch-scenario-checks {
        display: grid;
        gap: 10px;
        margin-top: 22px;
    }

    .rch-scenario-check {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        color: var(--rch-text-soft);
        font-size: 13px;
        line-height: 1.45;
    }

    .rch-scenario-check i {
        display: grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border-radius: 999px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-agent-connection-visual {
        position: relative;
        min-height: 430px;
        overflow: visible;
    }

    .rch-agent-connection-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(230px, 310px) minmax(260px, 1fr);
        gap: 94px;
        align-items: center;
        min-height: 430px;
        padding: 0;
    }

    .rch-agent-source-list {
        display: grid;
        gap: 12px;
    }

    .rch-agent-source {
        display: flex;
        align-items: center;
        gap: 13px;
        min-height: 68px;
        padding: 10px 0;
        border-bottom: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-agent-source-icon {
        display: grid;
        width: 42px;
        height: 42px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 15px;
        color: #fff;
        background: #111827;
    }

    .rch-agent-source-icon svg {
        width: 20px;
        height: 20px;
    }

    .rch-agent-source-icon.claude {
        color: #d97757;
        background: #fff8ed;
        border: 1px solid rgba(217, 119, 87, .16);
    }

    .rch-agent-source-icon.cursor {
        color: #fff;
        background: #0f1117;
    }

    .rch-agent-source-icon.openclaw {
        color: #ef4b2a;
        background: #fff4ed;
        border: 1px solid rgba(239, 75, 42, .18);
    }

    .rch-agent-source strong {
        display: block;
        color: var(--rch-text);
        font-size: 14px;
        line-height: 1.1;
        letter-spacing: -.025em;
    }

    .rch-agent-source > div > span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.35;
    }

    .rch-agent-hub {
        position: relative;
        display: grid;
        place-items: center end;
        min-height: 300px;
    }

    .rch-agent-hub-card {
        position: relative;
        z-index: 1;
        width: min(100%, 360px);
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--rch-text);
        box-shadow: none;
    }

    .rch-agent-hub-kicker {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-agent-hub-card strong {
        display: block;
        margin-top: 16px;
        color: var(--rch-text);
        font-size: clamp(48px, 7vw, 78px);
        line-height: .86;
        letter-spacing: -.07em;
    }

    .rch-agent-hub-card p {
        max-width: 330px;
        margin: 16px 0 0;
        color: var(--rch-muted);
        font-size: 14px;
        line-height: 1.55;
    }

    .rch-agent-hub-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 20px;
    }

    .rch-agent-hub-chips span {
        display: inline-flex;
        align-items: center;
        min-height: 27px;
        padding: 0 10px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 999px;
        background: rgba(255, 255, 255, .78);
        color: var(--rch-text-soft);
        font-size: 10px;
        font-weight: 850;
    }

    .rch-agent-connector-svg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    .rch-agent-connector-svg path {
        fill: none;
        stroke: rgba(110, 0, 190, .20);
        stroke-width: 1.8;
        stroke-linecap: round;
    }

    .rch-voice-panel {
        align-items: center;
    }

    .rch-voice-ui {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 16% 12%, rgba(110, 0, 190, .10), transparent 28%),
            radial-gradient(circle at 88% 18%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 255, .92));
        box-shadow: 0 28px 78px rgba(16, 24, 40, .12);
    }

    .rch-voice-ui-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 64px;
        padding: 0 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        background: rgba(255, 255, 255, .64);
    }

    .rch-voice-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: var(--rch-text);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.02em;
    }

    .rch-voice-brand span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-blue));
        box-shadow: 0 14px 24px rgba(110, 0, 190, .18);
    }

    @keyframes rch-voice-bar {
        0%,
100% {
            opacity: .58;
            transform: scaleY(.56);
        }

        50% {
            opacity: 1;
            transform: scaleY(1);
        }
    }

    .rch-voice-live {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: #137333;
        background: rgba(22, 163, 74, .10);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-voice-body {
        display: grid;
        grid-template-columns: minmax(190px, .82fr) minmax(0, 1fr);
        gap: 0;
        padding: 0;
    }

    .rch-voice-call-card,
.rch-voice-work-card {
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-voice-call-card {
        padding: 22px;
        border-right: 1px solid rgba(231, 234, 243, .86);
    }

    .rch-voice-customer {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .rch-voice-icon {
        display: grid;
        width: 44px;
        height: 44px;
        place-items: center;
        flex: 0 0 auto;
        border-radius: 16px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 14px;
        font-weight: 950;
    }

    .rch-voice-customer strong {
        display: block;
        color: var(--rch-text);
        font-size: 15px;
        letter-spacing: -.03em;
    }

    .rch-voice-customer span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-voice-wave {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        height: 78px;
        margin-top: 18px;
    }

    .rch-voice-wave span {
        display: block;
        width: 5px;
        height: var(--h, 24px);
        border-radius: 999px;
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-blue));
        opacity: .78;
        transform-origin: center;
        animation: rch-voice-bar 1.35s ease-in-out infinite;
    }

    .rch-voice-wave span:nth-child(2) {
        animation-delay: .12s;
    }

    .rch-voice-wave span:nth-child(3) {
        animation-delay: .24s;
    }

    .rch-voice-wave span:nth-child(4) {
        animation-delay: .36s;
    }

    .rch-voice-wave span:nth-child(5) {
        animation-delay: .48s;
    }

    .rch-voice-wave span:nth-child(6) {
        animation-delay: .6s;
    }

    .rch-voice-wave span:nth-child(7) {
        animation-delay: .72s;
    }

    .rch-voice-wave span:nth-child(8) {
        animation-delay: .84s;
    }

    .rch-voice-call-meta {
        display: grid;
        gap: 8px;
        margin-top: 16px;
    }

    .rch-voice-call-meta div {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-voice-call-meta strong {
        color: var(--rch-text);
        font-weight: 900;
    }

    .rch-voice-context {
        display: grid;
        gap: 10px;
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid rgba(231, 234, 243, .78);
    }

    .rch-voice-context-title {
        color: var(--rch-text);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-voice-context-item {
        display: grid;
        gap: 3px;
        padding: 0 0 10px;
        border-bottom: 1px solid rgba(231, 234, 243, .72);
    }

    .rch-voice-context-item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .rch-voice-context-item span {
        color: var(--rch-muted);
        font-size: 9px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .rch-voice-context-item strong {
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 900;
        line-height: 1.3;
    }

    .rch-voice-work-card {
        overflow: hidden;
    }

    .rch-voice-work-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 15px 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        color: var(--rch-text);
        font-size: 12px;
        font-weight: 900;
    }

    .rch-voice-transcript {
        display: grid;
        gap: 10px;
        padding: 16px 22px 18px;
    }

    .rch-voice-line {
        display: block;
        padding: 12px;
        border: 1px solid rgba(231, 234, 243, .82);
        border-radius: 16px;
        background: rgba(255, 255, 255, .74);
        color: var(--rch-text-soft);
        font-size: 11.5px;
        line-height: 1.5;
        box-shadow: 0 10px 22px rgba(16, 24, 40, .035);
    }

    .rch-voice-line.rch-voice-agent {
        border-color: rgba(110, 0, 190, .11);
        background: rgba(110, 0, 190, .045);
        color: var(--rch-text);
    }

    .rch-voice-line b {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 5px;
        color: var(--rch-text);
        font-size: 10px;
        text-transform: uppercase;
    }

    .rch-voice-line b em {
        color: var(--rch-muted);
        font-size: 9px;
        font-style: normal;
        font-weight: 900;
    }

    .rch-voice-flow {
        display: grid;
        grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr);
        gap: 18px;
        align-items: stretch;
    }

    .rch-call-core,
.rch-call-step,
.rch-call-outcome {
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 26px;
        background:
            radial-gradient(circle at 18% 12%, rgba(110, 0, 190, .08), transparent 32%),
            linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 255, .78));
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-call-core {
        display: grid;
        align-content: space-between;
        min-height: 355px;
        padding: 24px;
    }

    .rch-call-label {
        display: inline-flex;
        align-items: center;
        width: max-content;
        min-height: 30px;
        padding: 0 11px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-call-person {
        display: flex;
        align-items: center;
        gap: 13px;
        margin-top: 24px;
    }

    .rch-call-person i {
        display: grid;
        width: 52px;
        height: 52px;
        place-items: center;
        border-radius: 18px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-blue));
        font-style: normal;
        font-size: 14px;
        font-weight: 950;
        box-shadow: 0 18px 34px rgba(110, 0, 190, .18);
    }

    .rch-call-person strong {
        display: block;
        color: var(--rch-text);
        font-size: 17px;
        line-height: 1.05;
        letter-spacing: -.04em;
    }

    .rch-call-person span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.4;
    }

    .rch-call-wave {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 105px;
        margin: 24px 0;
    }

    .rch-call-wave span {
        display: block;
        width: 7px;
        height: var(--h, 28px);
        border-radius: 999px;
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-blue));
        transform-origin: center;
        animation: rch-voice-bar 1.35s ease-in-out infinite;
    }

    .rch-call-wave span:nth-child(2) { animation-delay: .12s; }
    .rch-call-wave span:nth-child(3) { animation-delay: .24s; }
    .rch-call-wave span:nth-child(4) { animation-delay: .36s; }
    .rch-call-wave span:nth-child(5) { animation-delay: .48s; }
    .rch-call-wave span:nth-child(6) { animation-delay: .6s; }
    .rch-call-wave span:nth-child(7) { animation-delay: .72s; }

    .rch-call-meta {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-call-meta div {
        min-height: 58px;
        padding: 10px;
        border: 1px solid rgba(231, 234, 243, .9);
        border-radius: 16px;
        background: rgba(255, 255, 255, .78);
    }

    .rch-call-meta span {
        display: block;
        color: var(--rch-muted);
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .rch-call-meta strong {
        display: block;
        margin-top: 6px;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.05;
        letter-spacing: -.025em;
    }

    .rch-call-flow-side {
        display: grid;
        gap: 12px;
    }

    .rch-call-step {
        position: relative;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        align-items: start;
        padding: 17px;
        box-shadow: 0 12px 30px rgba(16, 24, 40, .055);
    }

    .rch-call-step i {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border-radius: 15px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-style: normal;
        font-size: 11px;
        font-weight: 950;
    }

    .rch-call-step:nth-child(2) i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-call-step:nth-child(3) i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-call-step strong,
.rch-call-outcome strong {
        display: block;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.1;
        letter-spacing: -.03em;
    }

    .rch-call-step span,
.rch-call-outcome span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.42;
    }

    .rch-call-outcome {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        align-items: start;
        padding: 17px;
        border-color: rgba(22, 163, 74, .18);
        background:
            radial-gradient(circle at 14% 22%, rgba(22, 163, 74, .08), transparent 34%),
            rgba(255, 255, 255, .9);
    }

    .rch-call-outcome i {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border-radius: 15px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-style: normal;
        font-size: 14px;
        font-weight: 950;
    }

    .rch-voice-flow.outbound .rch-call-label,
.rch-voice-flow.outbound .rch-call-step:first-child i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-assistant-ui {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 12% 18%, rgba(22, 163, 74, .08), transparent 28%),
            radial-gradient(circle at 88% 16%, rgba(110, 0, 190, .08), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .94));
        box-shadow: 0 28px 78px rgba(16, 24, 40, .11);
    }

    .rch-assistant-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 64px;
        padding: 0 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        background: rgba(255, 255, 255, .68);
    }

    .rch-assistant-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: var(--rch-text);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.02em;
    }

    .rch-assistant-brand span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 12px;
        font-weight: 950;
    }

    .rch-assistant-pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: var(--rch-bg-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-assistant-flow {
        --rch-assistant-node-height: 108px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(104px, 1fr)) minmax(34px, .34fr) repeat(2, minmax(104px, 1fr));
        grid-template-rows: repeat(3, var(--rch-assistant-node-height));
        gap: 12px 0;
        align-items: center;
        min-height: 404px;
        padding: 28px 22px;
        background:
            linear-gradient(rgba(16, 24, 40, .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px);
        background-size: 34px 34px;
    }

    .rch-assistant-svg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
    }

    .rch-assistant-svg > path {
        fill: none;
        stroke: rgba(110, 0, 190, .24);
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .rch-assistant-node {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        justify-self: center;
        width: 84%;
        min-height: var(--rch-assistant-node-height);
        padding: 12px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 18px;
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 16px 34px rgba(16, 24, 40, .075);
    }

    .rch-assistant-node small {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 0 8px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .rch-assistant-node strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 13.5px;
        line-height: 1.05;
        letter-spacing: -.035em;
    }

    .rch-assistant-node span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-assistant-node.wait small {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-assistant-node.output small {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-assistant-node.start {
        grid-column: 1;
        grid-row: 2;
    }

    .rch-assistant-node.context {
        grid-column: 2;
        grid-row: 2;
    }

    .rch-assistant-node.branch {
        grid-column: 3;
        grid-row: 2;
    }

    .rch-assistant-node.action {
        grid-column: 5;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.output {
        grid-column: 6;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.notify {
        grid-column: 5;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-assistant-node.followup {
        grid-column: 6;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-ai-stack {
        position: relative;
        display: block;
        overflow: visible;
    }

    .rch-ai-chat-stack.rch-client-grid {
        display: block;
        grid-template-columns: none;
    }

    .rch-ai-chat-stack {
        min-height: 610px;
    }

    .rch-ai-stack > .rch-client-card {
        position: absolute;
        top: 0;
        left: 0;
        width: min(60%, 520px);
        opacity: 1;
        pointer-events: auto;
        animation: none;
        transform-origin: 50% 10%;
        box-shadow: 0 24px 70px rgba(16, 24, 40, .14);
    }

    .rch-ai-stack > .rch-client-card:nth-child(1) {
        z-index: 11;
        transform: translate(0, 0) rotate(-4deg);
    }

    .rch-ai-stack > .rch-client-card:nth-child(2) {
        z-index: 12;
        transform: translate(126px, 58px) rotate(-1.4deg) scale(.985);
    }

    .rch-ai-stack > .rch-client-card:nth-child(3) {
        z-index: 13;
        transform: translate(252px, 116px) rotate(1.2deg) scale(.97);
    }

    .rch-ai-stack > .rch-client-card:nth-child(4) {
        z-index: 14;
        transform: translate(378px, 174px) rotate(3.8deg) scale(.955);
    }

    .rch-ai-chat-stack {
        min-height: 560px;
    }

    .rch-ai-chat-stack > .rch-client-card {
        width: min(56%, 490px);
        min-height: 400px;
    }

    .rch-ai-chat-stack > .rch-client-card:nth-child(1) {
        transform: translate(0, 0) rotate(-4deg) scale(.93);
    }

    .rch-ai-chat-stack > .rch-client-card:nth-child(2) {
        transform: translate(124px, 58px) rotate(-1.4deg) scale(.915);
    }

    .rch-ai-chat-stack > .rch-client-card:nth-child(3) {
        transform: translate(248px, 116px) rotate(1.2deg) scale(.9);
    }

    .rch-ai-chat-stack > .rch-client-card:nth-child(4) {
        transform: translate(372px, 174px) rotate(3.8deg) scale(.885);
    }

    .rch-ai-chat-stack .rch-client-connected {
        display: none;
    }

    @keyframes rch-rotate-four {
        0%,
21% {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0) scale(1);
        }
        25%,
100% {
            opacity: 0;
            pointer-events: none;
            transform: translateY(-16px) scale(.985);
        }
    }

    @keyframes rch-rotate-three {
        0%,
29% {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0) scale(1);
        }
        33.33%,
100% {
            opacity: 0;
            pointer-events: none;
            transform: translateY(-16px) scale(.985);
        }
    }

    .rch-interface-desc {
        display: none;
    }

    .rch-interface-desc strong {
        display: block;
        color: var(--rch-text);
        font-size: 14px;
        letter-spacing: -.02em;
    }

    .rch-interface-desc span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.45;
    }

    .rch-codex-ui,
.rch-chatgpt-ui,
.rch-claude-ui,
.rch-grok-ui {
        min-height: 382px;
    }

    .rch-agent-ui {
        position: relative;
        z-index: 1;
        min-height: 496px;
    }

    .rch-claude-agent-ui {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr);
        color: #3f3a35;
        background: #f7f3ec;
    }

    .rch-claude-agent-side {
        padding: 13px 10px;
        border-right: 1px solid #ded7cc;
        background: #f1ece4;
    }

    .rch-claude-agent-side-title {
        color: #2f2a26;
        font-family: Georgia, serif;
        font-size: 17px;
        letter-spacing: -.04em;
    }

    .rch-claude-agent-nav {
        display: grid;
        gap: 5px;
        margin-top: 14px;
        color: #766b61;
        font-size: 7px;
    }

    .rch-claude-agent-nav span {
        padding: 7px 8px;
        border-radius: 8px;
    }

    .rch-claude-agent-nav span:first-child {
        color: #2f2a26;
        background: #e7dfd3;
    }

    .rch-claude-agent-main {
        min-width: 0;
        padding: 14px;
    }

    .rch-claude-agent-prompt {
        margin-left: auto;
        max-width: 230px;
        padding: 10px 11px;
        border: 1px solid #ded7cc;
        border-radius: 14px;
        background: #fffdf9;
        font-size: 8px;
        line-height: 1.45;
        box-shadow: 0 8px 20px rgba(86, 71, 55, .06);
    }

    .rch-claude-agent-run {
        margin-top: 12px;
        padding: 13px;
        border: 1px solid #e2d9cc;
        border-radius: 16px;
        background: #fffaf3;
    }

    .rch-claude-agent-run strong {
        display: block;
        color: #2f2a26;
        font-size: 12px;
        letter-spacing: -.02em;
    }

    .rch-claude-agent-run p {
        margin: 5px 0 0;
        color: #766b61;
        font-size: 8px;
        line-height: 1.45;
    }

    .rch-claude-subagents {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        margin-top: 11px;
    }

    .rch-claude-subagents div {
        padding: 9px 7px;
        border: 1px solid #eadfd1;
        border-radius: 11px;
        background: #fffdf9;
        color: #766b61;
        font-size: 6px;
        line-height: 1.35;
    }

    .rch-claude-subagents b {
        display: block;
        color: #2f2a26;
        font-size: 7px;
    }

    .rch-claude-agent-memory {
        display: grid;
        gap: 7px;
        margin-top: 11px;
    }

    .rch-claude-agent-memory div {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        padding: 9px 10px;
        border-radius: 11px;
        background: rgba(255, 253, 249, .72);
        color: #766b61;
        font-size: 7px;
    }

    .rch-claude-agent-memory strong {
        color: #2f2a26;
        font-size: 8px;
    }

    .rch-claude-agent-memory small {
        color: #b4533c;
        font-size: 6px;
        font-weight: 900;
    }

    .rch-cursor-agent-ui {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        color: #cbd5e1;
        background: #0e1117;
        font-family: "SFMono-Regular", Consolas, monospace;
    }

    .rch-cursor-agent-files {
        padding: 12px 8px;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #10141d;
    }

    .rch-cursor-agent-label {
        margin-bottom: 9px;
        color: #64748b;
        font-size: 6px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-cursor-agent-file {
        margin-bottom: 5px;
        padding: 6px 7px;
        border-radius: 7px;
        color: #94a3b8;
        font-size: 7px;
        white-space: nowrap;
    }

    .rch-cursor-agent-file.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-cursor-agent-main {
        display: grid;
        grid-template-rows: 32px minmax(0, 1fr) 155px;
        min-width: 0;
    }

    .rch-cursor-agent-tabs {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 0 9px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: #64748b;
        font-size: 7px;
    }

    .rch-cursor-agent-tabs span {
        padding: 6px 8px;
        border-radius: 7px;
    }

    .rch-cursor-agent-tabs span:first-child {
        color: #e2e8f0;
        background: rgba(255, 255, 255, .07);
    }

    .rch-cursor-code {
        padding: 12px;
        color: #cbd5e1;
        background:
            linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 100% 24px,
            #0b0f15;
        font-size: 7px;
        line-height: 1.8;
    }

    .rch-cursor-code .muted { color: #64748b; }
    .rch-cursor-code .green { color: #86efac; }
    .rch-cursor-code .blue { color: #7dd3fc; }
    .rch-cursor-code .purple { color: #c4b5fd; }

    .rch-cursor-agent-panel {
        border-top: 1px solid rgba(255, 255, 255, .08);
        background: #111827;
    }

    .rch-cursor-agent-panel-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 11px 0;
        color: #f8fafc;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-cursor-agent-panel-head span {
        color: #22c55e;
        font-size: 6px;
        text-transform: uppercase;
    }

    .rch-cursor-agent-prompt {
        margin: 8px 11px 0;
        padding: 8px 9px;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 10px;
        color: #dbeafe;
        background: #0b1220;
        font-size: 7px;
        line-height: 1.45;
    }

    .rch-cursor-agent-checks {
        display: grid;
        gap: 5px;
        margin: 8px 11px 0;
    }

    .rch-cursor-agent-checks div {
        display: grid;
        grid-template-columns: 14px minmax(0, 1fr) auto;
        gap: 7px;
        color: #94a3b8;
        font-size: 7px;
    }

    .rch-cursor-agent-checks b {
        color: #22c55e;
        font-size: 8px;
    }

    .rch-cursor-agent-checks small {
        color: #64748b;
        font-size: 6px;
    }

    .rch-platform-card {
        min-height: 220px;
        padding: 25px;
        border: 1px solid var(--rch-line);
        border-radius: 20px;
        background: #fff;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    .rch-platform-card:hover {
        transform: translateY(-4px);
        border-color: #d9c7ff;
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-platform-icon {
        display: grid;
        width: 43px;
        height: 43px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 15px;
        font-weight: 900;
    }







    .rch-platform-card h3 {
        margin: 18px 0 0;
        color: var(--rch-text);
        font-size: 18px;
        letter-spacing: -.025em;
    }

    .rch-platform-card p {
        margin: 9px 0 0;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.6;
    }

    .rch-platform-card a {
        display: inline-flex;
        margin-top: 17px;
        color: var(--rch-purple) !important;
        font-size: 12px;
        font-weight: 850;
        text-decoration: none !important;
    }

    .rch-full-picture-flow {
        position: relative;
        display: grid;
        grid-template-columns: minmax(220px, .9fr) minmax(260px, .72fr) minmax(220px, .9fr);
        gap: 46px;
        align-items: start;
        margin-top: 24px;
        padding: 42px 0;
    }

    .rch-picture-column {
        display: grid;
        align-self: start;
        gap: 14px;
    }

    .rch-picture-label {
        margin-bottom: 4px;
        color: var(--rch-muted);
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-picture-stream {
        display: grid;
        grid-template-columns: 16px 1fr;
        gap: 13px;
        align-items: start;
        padding: 0 0 15px;
        border-bottom: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-picture-stream:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .rch-picture-stream i {
        display: block;
        width: 10px;
        height: 10px;
        margin-top: 7px;
        border-radius: 999px;
        background: var(--rch-purple);
        box-shadow: 0 0 0 7px rgba(110, 0, 190, .08);
    }

    .rch-picture-column:first-child .rch-picture-stream i {
        background: var(--rch-blue);
        box-shadow: 0 0 0 7px rgba(26, 139, 255, .08);
    }

    .rch-picture-column:last-child .rch-picture-stream i {
        background: var(--rch-green);
        box-shadow: 0 0 0 7px rgba(22, 163, 74, .08);
    }

    .rch-picture-stream strong {
        display: block;
        color: var(--rch-text);
        font-size: 20px;
        font-weight: 900;
        letter-spacing: -.03em;
        line-height: 1.1;
    }

    .rch-picture-stream span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 13px;
        line-height: 1.48;
    }

    .rch-ai-context-flow {
        margin-top: 30px;
    }

    .rch-template-function-card.rch-ai-context-card {
        grid-template-rows: 40px auto minmax(86px, 1fr) auto;
        min-height: 285px;
    }

    .rch-template-function-card.rch-ai-context-card strong {
        font-size: 20px;
        line-height: 1.08;
    }

    .rch-template-function-card.rch-ai-context-card span {
        font-size: 13px;
        line-height: 1.55;
    }

    .rch-ai-context-points {
        display: grid;
        gap: 8px;
        margin-top: 6px;
    }

    .rch-ai-context-points em {
        display: flex;
        align-items: center;
        min-height: 34px;
        padding: 0 11px;
        border: 1px solid rgba(231, 234, 243, .88);
        border-radius: 999px;
        color: var(--rch-text);
        background: rgba(247, 248, 252, .72);
        font-size: 11px;
        font-style: normal;
        font-weight: 850;
        letter-spacing: -.015em;
    }

    .rch-memory {
        display: grid;
        grid-template-columns: minmax(0, .82fr) minmax(620px, 1.18fr);
        gap: 54px;
        align-items: center;
    }

    .rch-memory-visual {
        position: relative;
        min-height: 620px;
    }

    .rch-intel-card {
        position: absolute;
        inset: 10px 0 auto auto;
        width: 660px;
        min-height: 620px;
    }

    .rch-intel-circle {
        position: relative;
        width: 620px;
        height: 620px;
        margin-left: auto;
    }

    .rch-intel-circle::before {
        content: "";
        position: absolute;
        inset: 110px;
        z-index: 1;
        border: 1px solid rgba(110, 0, 190, .18);
        border-radius: 999px;
        background:
            radial-gradient(circle, rgba(110, 0, 190, .045), transparent 60%);
        box-shadow:
            0 0 0 18px rgba(255, 255, 255, .42),
            inset 0 0 0 1px rgba(255, 255, 255, .75);
    }

    .rch-intel-node {
        position: absolute;
        z-index: 4;
        box-sizing: border-box;
        width: 178px;
        height: 140px;
        padding: 15px;
        border: 1px solid rgba(231, 234, 243, .9);
        border-radius: 22px;
        background: rgba(255, 255, 255, .92);
        box-shadow:
            0 20px 50px rgba(16, 24, 40, .09),
            inset 0 1px 0 rgba(255, 255, 255, .96);
        backdrop-filter: blur(14px);
    }

    .rch-intel-node small {
        display: inline-grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 950;
    }

    .rch-intel-node strong {
        display: block;
        margin-top: 11px;
        color: var(--rch-text);
        font-size: 16px;
        line-height: 1;
        letter-spacing: -.04em;
    }

    .rch-intel-node span {
        display: block;
        margin-top: 7px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-intel-node.business {
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .rch-intel-node.centralized {
        top: 50%;
        right: 21px;
        transform: translateY(-50%);
    }

    .rch-intel-node.ai {
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .rch-intel-node.improving {
        top: 50%;
        left: 21px;
        transform: translateY(-50%);
    }

    .rch-memory {
        display: block;
    }

    .rch-memory-visual {
        min-height: auto;
    }

    .rch-memory-cards {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    .rch-memory-card {
        padding: 24px;
        border: 1px solid rgba(231, 234, 243, .9);
        border-radius: 28px;
        background:
            radial-gradient(circle at 12% 0, rgba(110, 0, 190, .08), transparent 36%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .82));
        box-shadow: 0 18px 48px rgba(15, 23, 42, .06);
    }

    .rch-memory-card small {
        display: inline-grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 14px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 11px;
        font-weight: 950;
    }

    .rch-memory-card:nth-child(2) small {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-memory-card:nth-child(3) small {
        color: var(--rch-orange);
        background: var(--rch-orange-soft);
    }

    .rch-memory-card:nth-child(4) small {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-memory-card strong {
        display: block;
        margin-top: 18px;
        color: var(--rch-text);
        font-size: 22px;
        line-height: 1.05;
        letter-spacing: -.05em;
    }

    .rch-memory-card p {
        margin: 12px 0 0;
        color: var(--rch-text-soft);
        font-size: 14px;
        line-height: 1.58;
    }

    .rch-footer-spacer {
        position: relative;
        z-index: 2;
    }

    @media (max-width: 1199px) {
        .rch-hero {
            min-height: auto;
            padding-top: 150px;
            padding-bottom: 125px;
        }

        .rch-hero-grid {
            grid-template-columns: minmax(0, 900px);
            gap: 0;
        }

        .rch-connected-visual .rch-centralizer-visual {
            width: min(620px, 100%);
        }
    }

    @media (max-width: 991px) {
        .rch-section {
            padding: 86px 0;
        }

        .rch-hero {
            min-height: auto;
            padding: 132px 0 100px;
        }

        .rch-hero-grid,
.rch-memory {
            grid-template-columns: 1fr;
        }

        .rch-full-picture-flow {
            grid-template-columns: 1fr;
            gap: 34px;
            padding-top: 14px;
        }

        .rch-centralizer-visual {
            right: auto;
            left: 50%;
            width: min(720px, 100%);
            transform: translateX(-50%);
        }

        .rch-connected-visual {
            min-height: auto;
        }

        .rch-connected-visual .rch-centralizer-visual {
            left: auto;
            width: min(720px, 100%);
            margin: 34px auto 0;
            transform: none;
        }

        .rch-command-system .rch-connected-visual .rch-centralizer-visual {
            width: 100%;
            margin: 0;
            padding: 24px;
        }

        .rch-hero-system {
            grid-template-columns: 1fr;
            gap: 46px;
            min-height: auto;
        }

        .rch-system-column {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .rch-system-outcomes {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .rch-system-core {
            min-height: auto;
        }

        .rch-system-output {
            text-align: left;
        }

        .rch-section-head {
            grid-template-columns: 1fr;
            gap: 22px;
        }

        .rch-scenario-gpt-grid {
            grid-template-columns: 1fr;
        }

        .rch-scenario-chat {
            min-height: 300px;
            border-right: 0;
            border-bottom: 1px solid #e7e7e9;
        }

        .rch-scenario-output-body {
            height: auto;
            max-height: none;
        }

        #interactive-report .rch-scenario-gpt {
            width: 760px;
            max-width: none;
            justify-self: start;
            zoom: .82;
        }

        #interactive-report .rch-scenario-gpt-grid {
            grid-template-columns: 310px minmax(0, 1fr);
        }

        #interactive-report .rch-scenario-chat {
            min-height: auto;
            border-right: 1px solid #e7e7e9;
            border-bottom: 0;
        }

        #interactive-report .rch-scenario-output-body {
            height: 466px;
            max-height: none;
        }

        .rch-platform-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-client-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-ai-connect-lab {
            grid-template-columns: 1fr;
            gap: 126px;
        }

        .rch-ai-connect-panel {
            grid-template-columns: 1fr;
            gap: 52px;
        }

        .rch-ai-connect-head {
            max-width: 680px;
        }

        .rch-voice-flow {
            grid-template-columns: 1fr;
        }

        .rch-ai-chat-stack {
            min-height: 500px;
        }

        .rch-memory-visual {
            width: 100%;
            margin: 0 auto;
        }

        .rch-memory-cards {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-intel-card {
            right: 0;
            width: min(100%, 560px);
        }
    }

    @media (max-width: 767px) {
        .rch-container {
            width: min(100% - 28px, 1240px);
        }

        .rch-section {
            padding: 72px 0;
        }

        .rch-command-system .rch-hero-system {
            grid-template-columns: 1fr;
            gap: 46px;
        }

        .rch-command-system .rch-system-column,
.rch-command-system .rch-system-outcomes {
            grid-template-columns: 1fr;
        }

        .rch-command-system .rch-system-middle::before,
.rch-command-system .rch-system-middle::after {
            left: 50%;
            right: auto;
            content: "";
            transform: translateX(-50%);
        }

        .rch-command-system .rch-system-middle::before {
            top: -43px;
        }

        .rch-command-system .rch-system-middle::after {
            top: auto;
            bottom: -43px;
        }

        .rch-title-xl {
            font-size: clamp(52px, 15vw, 82px);
        }

        .rch-call-meta {
            grid-template-columns: 1fr;
        }

        .rch-memory-cards {
            grid-template-columns: 1fr;
        }

        .rch-gradient-text {
            display: inline;
            padding-right: .08em;
            margin-right: -.08em;
            white-space: normal;
        }

        .rch-title-lg {
            font-size: clamp(34px, 10vw, 52px);
        }

        #interactive-report .rch-scenario-gpt {
            zoom: .62;
        }

        .rch-lede {
            font-size: 17px;
        }

        .rch-hero {
            min-height: auto;
            padding: 104px 0 84px;
        }

        .rch-centralizer-visual {
            position: relative;
            top: auto;
            right: auto;
            left: auto;
            width: 100%;
            min-height: auto;
            transform: none;
        }

        .rch-hero-system {
            gap: 38px;
        }

        .rch-system-column {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 10px;
        }

        .rch-system-outcomes {
            grid-template-columns: 1fr;
        }

        .rch-system-item,
.rch-system-output {
            min-height: 0;
            padding: 15px;
        }

        .rch-system-core {
            padding: 15px;
        }

        .rch-system-core-head {
            gap: 10px;
        }


        .rch-scenario-gpt-top {
            grid-template-columns: 82px minmax(0, 1fr) auto;
        }

        .rch-scenario-gpt-title small {
            display: none;
        }

        .rch-report-kpis {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-report-bottom,
.rch-platform-grid {
            grid-template-columns: 1fr;
        }

        .rch-client-stage {
            padding: 18px;
        }

        .rch-client-stage-head {
            align-items: flex-start;
            flex-direction: column;
            gap: 12px;
        }

        .rch-client-grid {
            grid-template-columns: 1fr;
        }

        .rch-ai-connect-lab {
            gap: 108px;
        }

        .rch-ai-chat-stack {
            min-height: 405px;
            max-height: 405px;
        }

        .rch-ai-chat-stack > .rch-client-card {
            height: 312px;
            min-height: 0;
            max-height: 312px;
            overflow: hidden;
        }

        .rch-ai-chat-stack .rch-chatgpt-ui,
        .rch-ai-chat-stack .rch-codex-ui,
        .rch-ai-chat-stack .rch-claude-ui,
        .rch-ai-chat-stack .rch-grok-ui {
            min-height: 260px;
            max-height: 260px;
            overflow: hidden;
        }

        .rch-scenario-claude-agent .rch-claude-agent-ui {
            min-height: auto;
            grid-template-columns: 1fr;
        }

        .rch-scenario-claude-agent .rch-claude-agent-side {
            border-right: 0;
            border-bottom: 1px solid #ded7cc;
        }

        .rch-scenario-claude-agent .rch-claude-agent-nav {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .rch-scenario-claude-agent .rch-claude-subagents {
            grid-template-columns: 1fr;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-ui {
            min-height: auto;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
        }

        .rch-scenario-cursor-agent .rch-cursor-titlebar {
            grid-column: 1;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 10px;
        }

        .rch-scenario-cursor-agent .rch-cursor-command-center {
            justify-self: stretch;
        }

        .rch-scenario-cursor-agent .rch-cursor-window-label {
            display: none;
        }

        .rch-scenario-cursor-agent .rch-cursor-activity {
            display: none;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-files {
            border-right: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-main {
            grid-template-rows: 44px minmax(270px, 1fr) 220px;
        }

        .rch-agent-connection-grid {
            grid-template-columns: 1fr;
            gap: 28px;
            min-height: auto;
        }

        .rch-agent-connection-visual {
            min-height: auto;
        }

        .rch-agent-connector-svg {
            display: none;
        }

        .rch-agent-source-list {
            gap: 10px;
        }

        .rch-agent-hub {
            display: none;
            min-height: auto;
        }

        .rch-assistant-flow {
            position: relative;
            min-height: auto;
            display: grid;
            gap: 18px;
            grid-template-columns: 1fr;
            grid-template-rows: none;
            justify-items: center;
            padding: 22px 16px;
        }

        .rch-assistant-svg {
            display: none;
        }

        .rch-assistant-node.branch,
.rch-assistant-node.notify,
.rch-assistant-node.followup {
            display: none;
        }

        .rch-assistant-node {
            position: relative;
            grid-column: auto !important;
            grid-row: auto !important;
            height: auto;
            min-height: auto;
            align-self: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            width: min(320px, 100%);
            transform: none !important;
        }

        .rch-assistant-node.start::after,
.rch-assistant-node.context::after,
.rch-assistant-node.action::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 2px;
            height: 18px;
            border-radius: 999px;
            background: rgba(110, 0, 190, .18);
            transform: translateX(-50%);
        }

        .rch-ai-stack > .rch-client-card {
            width: 70%;
        }

        .rch-ai-chat-stack > .rch-client-card {
            width: 66%;
            height: 312px;
            min-height: 0;
            max-height: 312px;
        }

        .rch-ai-stack > .rch-client-card:nth-child(2) {
            transform: translate(68px, 40px) rotate(-1.4deg) scale(.985);
        }

        .rch-ai-stack > .rch-client-card:nth-child(3) {
            transform: translate(136px, 80px) rotate(1.2deg) scale(.97);
        }

        .rch-ai-stack > .rch-client-card:nth-child(4) {
            transform: translate(204px, 120px) rotate(3.8deg) scale(.955);
        }

        .rch-ai-chat-stack > .rch-client-card:nth-child(1) {
            transform: translate(0, 0) rotate(-4deg) scale(.92);
        }

        .rch-ai-chat-stack > .rch-client-card:nth-child(2) {
            transform: translate(70px, 43px) rotate(-1.4deg) scale(.905);
        }

        .rch-ai-chat-stack > .rch-client-card:nth-child(3) {
            transform: translate(140px, 86px) rotate(1.2deg) scale(.89);
        }

        .rch-ai-chat-stack > .rch-client-card:nth-child(4) {
            transform: translate(210px, 129px) rotate(3.8deg) scale(.875);
        }

        .rch-claude-agent-ui,
.rch-cursor-agent-ui {
            grid-template-columns: 1fr;
        }

        .rch-grok-shell {
            grid-template-columns: 92px minmax(0, 1fr);
        }

        .rch-claude-agent-side,
.rch-cursor-agent-files {
            border-right: 0;
            border-bottom: 1px solid rgba(16, 24, 40, .08);
        }

        .rch-cursor-agent-main {
            grid-template-rows: 32px minmax(240px, 1fr) 165px;
        }

        .rch-client-card:last-child {
            grid-column: auto;
        }

        .rch-intel-card {
            position: relative;
            inset: auto;
            width: min(100%, 620px);
            min-height: 540px;
            margin: 0 auto;
        }

        .rch-intel-circle {
            left: 50%;
            margin-left: 0;
            transform: translateX(-50%) scale(.86);
            transform-origin: top center;
        }
    }

    @media (max-width: 520px) {

        .rch-command-system .rch-hero-system {
            grid-template-columns: 1fr;
            gap: 46px;
        }

        .rch-command-system .rch-system-middle::before,
.rch-command-system .rch-system-middle::after {
            left: 50%;
            right: auto;
            content: "";
            transform: translateX(-50%);
        }

        .rch-command-system .rch-system-middle::before {
            top: -43px;
        }

        .rch-command-system .rch-system-middle::after {
            top: auto;
            bottom: -43px;
        }

        #interactive-report .rch-scenario-gpt {
            zoom: .48;
        }


        .rch-report-head {
            align-items: flex-start;
            flex-direction: column;
        }

        .rch-report-bottom {
            grid-template-columns: 1fr;
        }

        .rch-memory-visual {
            min-height: 370px;
        }

        .rch-intel-card {
            width: 100%;
            min-height: 365px;
        }

        .rch-intel-circle {
            transform: translateX(-50%) scale(.58);
            transform-origin: top center;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        html {
            scroll-behavior: auto;
        }

        #interactive-report .rch-ai-scenario-panel {
            position: relative;
            opacity: 1;
            pointer-events: auto;
            transform: none;
            animation: none !important;
        }

        .rch-typing span,
.rch-chart-line,
.rch-chart-area,
.rch-product-track span,
.rch-scenario-claude-agent .rch-claude-agent-run strong::after,
.rch-scenario-claude-agent .rch-claude-subagents div,
.rch-scenario-claude-agent .rch-claude-subagents div::after,
.rch-scenario-claude-agent .rch-claude-agent-memory div {
            animation: none !important;
        }

        .rch-scenario-claude-agent .rch-claude-agent-memory div {
            opacity: 1 !important;
            transform: none !important;
        }
    }


:root {
        --rcc-bg: #ffffff;
        --rcc-text: #101828;
        --rcc-text-soft: #475467;
        --rcc-muted: #667085;
        --rcc-purple: #6e00be;
        --rcc-blue: #1a8bff;
        --rcc-pink: #ff2171;
        --rcc-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rcc-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    .rcc-page {
        overflow: hidden;
        background: var(--rcc-bg);
        color: var(--rcc-text);
        font-family: var(--rcc-font);
    }

    .rcc-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rcc-hero {
        min-height: calc(100vh - 40px);
        padding: 178px 0 106px;
        background:
            radial-gradient(circle at 15% 18%, rgba(110, 0, 190, .12), transparent 32%),
            radial-gradient(circle at 82% 12%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fafbff 72%, #fff);
    }

    .rcc-hero-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 78px;
        align-items: start;
    }

    .rcc-title {
        max-width: 620px;
        margin: 0;
        color: var(--rcc-text);
        font-size: clamp(58px, 6.2vw, 95px);
        font-weight: 780;
        letter-spacing: -.055em;
        line-height: .98;
    }

    .rcc-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-right: .08em;
        padding-bottom: .08em;
        margin-top: -.04em;
        margin-right: -.08em;
        margin-bottom: -.08em;
        overflow: visible;
        color: var(--rcc-purple);
        background: linear-gradient(110deg, var(--rcc-purple), var(--rcc-blue) 65%, var(--rcc-pink));
        background-clip: text;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .rcc-lede {
        max-width: 620px;
        margin: 30px 0 0;
        color: var(--rcc-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rcc-copy {
        max-width: 620px;
        margin: 18px 0 0;
        color: var(--rcc-muted);
        font-size: 16px;
        line-height: 1.7;
    }

    .rcc-copy a {
        color: var(--rcc-purple);
        font-weight: 750;
        text-decoration: none;
    }

    .rcc-form-card {
        padding: 30px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background:
            radial-gradient(circle at 18% 10%, rgba(110, 0, 190, .06), transparent 32%),
            radial-gradient(circle at 90% 88%, rgba(26, 139, 255, .06), transparent 30%),
            #fff;
        box-shadow: var(--rcc-shadow);
    }

    .rcc-form-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .rcc-form-field,
.rcc-form-group {
        position: relative;
    }

    .rcc-form-field.is-wide,
.rcc-form-group.is-wide {
        grid-column: span 2;
        width: 100%;
    }

    .rcc-form-field input,
.rcc-form-field textarea {
        width: 100%;
        border: 1px solid rgba(231, 234, 243, .96);
        border-radius: 16px;
        outline: none;
        background: rgba(255, 255, 255, .88);
        color: var(--rcc-text);
        font-size: 14px;
        font-weight: 750;
        transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .rcc-form-field input {
        height: 54px;
        padding: 20px 14px 8px;
    }

    .rcc-form-field textarea {
        min-height: 136px;
        resize: vertical;
        padding: 24px 14px 12px;
        line-height: 1.5;
    }

    .rcc-form-field label {
        position: absolute;
        top: 9px;
        left: 14px;
        margin: 0;
        color: var(--rcc-muted);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .06em;
        line-height: 1;
        text-transform: uppercase;
        pointer-events: none;
    }

    .rcc-form-field input:focus,
.rcc-form-field textarea:focus {
        border-color: rgba(110, 0, 190, .35);
        background: #fff;
        box-shadow: 0 0 0 4px rgba(110, 0, 190, .07);
    }

    .rcc-recaptcha {
        overflow: visible;
        min-height: 78px;
    }

    .rcc-submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 48px;
        border: 0;
        border-radius: 999px;
        color: #fff !important;
        background: linear-gradient(110deg, var(--rcc-purple), var(--rcc-blue));
        box-shadow: 0 18px 34px rgba(110, 0, 190, .18);
        font-size: 14px;
        font-weight: 900;
        text-decoration: none !important;
        cursor: pointer;
    }

    .rcc-footer-spacer {
        padding: 42px 0 0;
        background: #fff;
    }

    @media (max-width: 991px) {
        .rcc-hero {
            padding: 140px 0 86px;
        }

        .rcc-hero-grid {
            grid-template-columns: 1fr;
            gap: 42px;
        }

        .rcc-title {
            font-size: clamp(48px, 13vw, 74px);
        }
    }

    @media (max-width: 767px) {
        .rcc-container {
            width: min(100% - 28px, 1240px);
        }

        .rcc-form-card {
            padding: 22px;
        }

        .rcc-form-grid {
            grid-template-columns: 1fr;
        }

        .rcc-form-field.is-wide,
.rcc-form-group.is-wide {
            grid-column: auto;
        }
    }


:root {
        --rch-bg: #ffffff;
        --rch-bg-soft: #f7f8fc;
        --rch-bg-lavender: #fbf9ff;
        --rch-text: #101828;
        --rch-text-soft: #475467;
        --rch-muted: #667085;
        --rch-line: #e7eaf3;
        --rch-purple: #6e00be;
        --rch-purple-2: #8b5cf6;
        --rch-purple-soft: #f3ecff;
        --rch-blue: #1a8bff;
        --rch-blue-soft: #eef6ff;
        --rch-pink: #ff2171;
        --rch-pink-soft: #fff0f6;
        --rch-green: #16a34a;
        --rch-green-soft: #ecfdf3;
        --rch-orange: #f97316;
        --rch-orange-soft: #fff7ed;
        --rch-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rch-shadow-soft: 0 14px 42px rgba(16, 24, 40, .07);
        --rch-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    html {
        scroll-behavior: auto;
    }
    
    
    .rch-page {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: var(--rch-bg);
        color: var(--rch-text);
        font-family: var(--rch-font);
    }

    .rch-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rch-section {
        position: relative;
        padding: 112px 0;
    }

    .rch-platform-section,
#interactive-report,
.rch-ai-multiplier,
.rch-memory-section {
        border-top: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        background: var(--rch-purple-soft);
        color: var(--rch-purple);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .01em;
        white-space: nowrap;
    }

    .rch-dot {
        width: 8px;
        height: 8px;
        flex: 0 0 auto;
        border-radius: 999px;
        background: var(--rch-green);
        box-shadow: 0 0 0 5px rgba(22, 163, 74, .12);
    }

    .rch-title {
        position: relative;
        margin: 18px 0 0;
        overflow: visible;
        color: var(--rch-text);
        font-weight: 720;
        letter-spacing: -.04em;
        line-height: 1.02;
    }

    .rch-title-xl {
        max-width: 1040px;
        font-size: clamp(66px, 7.4vw, 95px);
    }

    .rch-title-lg {
        font-size: clamp(38px, 5vw, 68px);
    }

    .rch-section-number {
        display: block;
        margin: 0 0 10px;
        color: rgba(102, 112, 133, .34);
        font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
        font-size: clamp(34px, 4.4vw, 60px);
        font-weight: 1000;
        letter-spacing: -.04em;
        line-height: 1.02;
        white-space: nowrap;
        -webkit-text-stroke: .35px currentColor;
    }

    .rch-lede {
        max-width: 680px;
        margin: 30px 0 0;
        color: var(--rch-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rch-copy {
        color: var(--rch-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .rch-hero {
        position: relative;
        min-height: auto;
        padding: 174px 0 126px;
        background:
            radial-gradient(circle at 9% 8%, rgba(139, 92, 246, .13), transparent 28%),
            radial-gradient(circle at 92% 12%, rgba(26, 139, 255, .12), transparent 28%),
            linear-gradient(180deg, #fff 0%, #fbfbff 100%);
    }

    .rch-hero::after {
        position: absolute;
        right: -180px;
        bottom: -250px;
        width: 620px;
        height: 620px;
        border: 1px solid rgba(110, 0, 190, .08);
        border-radius: 999px;
        content: "";
        box-shadow:
            0 0 0 80px rgba(110, 0, 190, .025),
            0 0 0 160px rgba(26, 139, 255, .018);
    }

    .rch-hero-grid {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, 1120px);
        gap: 0;
        align-items: center;
    }

    .rch-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-bottom: .08em;
        padding-right: .08em;
        margin-top: -.04em;
        margin-bottom: -.08em;
        margin-right: -.08em;
        overflow: visible;
        color: var(--rch-purple);
        background: linear-gradient(110deg, var(--rch-purple), var(--rch-blue) 65%, var(--rch-pink));
        -webkit-background-clip: text;
        background-clip: text;
        white-space: nowrap;
        -webkit-text-fill-color: transparent;
    }

    .rch-centralizer-visual {
        position: absolute;
        top: 22px;
        right: -18px;
        width: min(690px, 100%);
        min-height: 620px;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 34px;
        background:
            radial-gradient(circle at 50% 43%, rgba(110, 0, 190, .16), transparent 34%),
            radial-gradient(circle at 88% 14%, rgba(26, 139, 255, .13), transparent 28%),
            radial-gradient(circle at 12% 84%, rgba(22, 163, 74, .11), transparent 28%),
            rgba(255, 255, 255, .84);
        box-shadow: var(--rch-shadow);
        backdrop-filter: blur(18px);
    }

    @keyframes rch-stage-pulse {
        0%,
18%,
100% { opacity: 0; }
        7%,
12% { opacity: 1; }
    }

    @keyframes rch-packet-flow {
        0% { left: 0; opacity: 0; transform: translate(-50%, -50%) scale(.7); }
        12%,
86% { opacity: 1; }
        100% { left: 100%; opacity: 0; transform: translate(-50%, -50%) scale(.7); }
    }

    @keyframes rch-core-ring {
        0%,
100% { opacity: .45; transform: scale(.94); }
        50% { opacity: .95; transform: scale(1.04); }
    }

    @keyframes rch-pill-float {
        0%,
100% { transform: translateY(0); }
        50% { transform: translateY(-7px); }
    }

    @keyframes rch-bar-fill {
        0%,
100% { transform: translateX(-18%); }
        50% { transform: translateX(0); }
    }

    .rch-centralizer-visual {
        position: absolute;
        top: 32px;
        right: -28px;
        width: min(660px, calc(100% + 78px));
        min-height: 590px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    .rch-hero-system {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: 1fr;
        gap: 52px;
        align-items: stretch;
        min-height: 0;
        padding: 22px 0;
    }

    .rch-system-column {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-system-outcomes {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rch-system-middle {
        position: relative;
        display: grid;
        gap: 6px;
    }

    .rch-system-middle::before,
.rch-system-middle::after {
        content: "";
        position: absolute;
        left: 50%;
        z-index: 3;
        width: 16px;
        height: 32px;
        color: rgba(110, 0, 190, .3);
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        text-align: center;
        transform: translateX(-50%);
    }

    .rch-system-middle::before {
        top: -43px;
    }

    .rch-system-middle::after {
        bottom: -43px;
    }

    .rch-system-label {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        grid-column: 1 / -1;
        justify-self: center;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--rch-muted);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .12em;
        text-align: center;
        text-transform: uppercase;
        box-shadow: none;
        backdrop-filter: none;
    }

    .rch-system-item,
.rch-system-output {
        position: relative;
        display: block;
        min-height: 112px;
        overflow: hidden;
        padding: 15px;
        border: 1px solid rgba(231, 234, 243, .58);
        border-radius: 24px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(250, 251, 255, .88)),
            radial-gradient(circle at 24% 0%, rgba(255, 255, 255, .66), transparent 34%);
        box-shadow:
            0 20px 46px rgba(16, 24, 40, .07),
            0 1px 0 rgba(255, 255, 255, .96) inset,
            0 0 0 1px rgba(255, 255, 255, .58) inset;
        backdrop-filter: blur(12px) saturate(115%);
    }

    .rch-system-item::before,
.rch-system-output::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, .34), transparent 36%),
            linear-gradient(180deg, rgba(255, 255, 255, .24), transparent 44%);
        pointer-events: none;
    }

    .rch-system-item::after,
.rch-system-output::after,
.rch-system-core::after {
        display: none;
    }

    .rch-system-output {
        text-align: left;
    }

    .rch-system-item > *,
.rch-system-output > * {
        position: relative;
        z-index: 2;
    }

    .rch-system-index {
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 999px;
        color: var(--rch-purple);
        background: #fff;
        border: 1px solid rgba(110, 0, 190, .22);
        font-size: 10px;
        font-weight: 950;
        box-shadow: 0 8px 18px rgba(16, 24, 40, .06);
    }

    .rch-system-item .rch-system-index,
.rch-system-output .rch-system-index {
        margin-bottom: 11px;
    }

    .rch-system-output .rch-system-index {
        color: var(--rch-blue);
        border-color: rgba(26, 139, 255, .28);
    }

    .rch-system-item small,
.rch-system-output small {
        display: block;
        color: var(--rch-purple);
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-system-output small {
        color: var(--rch-blue);
    }

    .rch-system-item strong,
.rch-system-output strong {
        display: block;
        margin-top: 5px;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.03;
        letter-spacing: -.045em;
    }

    .rch-system-item span,
.rch-system-output span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-system-core {
        position: relative;
        min-height: 112px;
        overflow: hidden;
        padding: 15px;
        border: 1px solid rgba(231, 234, 243, .58);
        border-radius: 24px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(250, 251, 255, .88)),
            radial-gradient(circle at 24% 0%, rgba(255, 255, 255, .66), transparent 34%);
        box-shadow:
            0 20px 46px rgba(16, 24, 40, .07),
            0 1px 0 rgba(255, 255, 255, .96) inset,
            0 0 0 1px rgba(255, 255, 255, .58) inset;
        backdrop-filter: blur(12px) saturate(115%);
    }

    .rch-system-core::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, .34), transparent 36%),
            linear-gradient(180deg, rgba(255, 255, 255, .24), transparent 44%);
        pointer-events: none;
    }

    .rch-system-core-head {
        position: relative;
        z-index: 2;
        display: grid;
        justify-items: center;
        gap: 10px;
        padding: 0;
        text-align: center;
    }

    .rch-system-core-name {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--rch-text);
        font-size: 27px;
        font-weight: 820;
        letter-spacing: -.055em;
    }

    .rch-system-core-head span {
        display: block;
        max-width: 430px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.45;
    }

    .rch-system-core-list {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px 12px;
        margin-top: 2px;
    }

    .rch-system-core-list span {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        color: var(--rch-text-soft);
        background: transparent;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .02em;
        text-align: center;
        text-transform: uppercase;
        box-shadow: none;
    }

    .rch-system-core-list span + span::before {
        content: "";
        width: 4px;
        height: 4px;
        margin-right: 12px;
        border-radius: 999px;
        background: rgba(110, 0, 190, .24);
    }

    @keyframes rch-spin {
        to {
            transform: rotate(360deg);
        }
    }

    .rch-window-dots {
        display: flex;
        gap: 7px;
        padding-left: 18px;
    }

    .rch-window-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-window-dots span:nth-child(1) {
        background: #ff5f57;
    }

    .rch-window-dots span:nth-child(2) {
        background: #ffbd2e;
    }

    .rch-window-dots span:nth-child(3) {
        background: #28c840;
    }

    @keyframes rch-client-in {
        from {
            opacity: 0;
            transform: translateY(7px) scale(.992);
        }
        to {
            opacity: 1;
            transform: none;
        }
    }

    .rch-chatgpt-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-claude-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-cursor-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-openclaw-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-grok-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: none;
        stroke: currentColor;
    }

    .rch-client-brand-icon .rch-chatgpt-logo,
.rch-gpt-avatar .rch-chatgpt-logo,
.rch-demo-avatar .rch-chatgpt-logo {
        width: 13px;
        height: 13px;
    }

    @keyframes rch-hgpt-nav-cycle {
        0%,
18.5% {
            color: #171717;
            background: #ececec;
        }
        20%,
100% {
            color: #4f4f4f;
            background: transparent;
        }
    }

    @keyframes rch-hgpt-thread-cycle {
        0%,
18.5% {
            opacity: 1;
            transform: none;
        }
        20%,
100% {
            opacity: 0;
            transform: translateY(8px);
        }
    }

    @keyframes rch-hgpt-message-cycle {
        0%,
.6% {
            opacity: 0;
            transform: translateY(8px);
        }
        1.2%,
18.8% {
            opacity: 1;
            transform: none;
        }
        19.8%,
100% {
            opacity: 0;
            transform: translateY(-5px);
        }
    }

    @keyframes rch-hgpt-thinking-cycle {
        0%,
1.5% {
            opacity: 0;
            transform: translateY(8px);
        }
        2.1%,
3% {
            opacity: 1;
            transform: none;
        }
        3.7%,
100% {
            opacity: 0;
            transform: translateY(-5px);
        }
    }

    @keyframes rch-hgpt-dot {
        0%,
80%,
100% {
            opacity: .35;
            transform: translateY(0);
        }
        40% {
            opacity: 1;
            transform: translateY(-2px);
        }
    }

    @keyframes rch-hgpt-bar-cycle {
        0%,
1.2% {
            transform: scaleY(0);
        }
        2.4%,
18.8% {
            transform: scaleY(1);
        }
        20%,
100% {
            transform: scaleY(0);
        }
    }

    .rch-section-head {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(300px, .62fr);
        gap: 70px;
        align-items: center;
        margin-bottom: 54px;
    }

    .rch-section-head .rch-copy {
        margin: 0;
    }









    .rch-connected {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #15803d;
        font-size: 10px;
        font-weight: 850;
    }

    .rch-demo-message {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        margin-bottom: 17px;
    }

    .rch-demo-message.user {
        justify-content: flex-end;
    }

    .rch-demo-bubble {
        max-width: 255px;
        padding: 12px 13px;
        border: 1px solid var(--rch-line);
        border-radius: 15px;
        color: var(--rch-text-soft);
        background: #fff;
        font-size: 12px;
        line-height: 1.58;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .04);
    }

    .rch-demo-bubble.user {
        color: #fff;
        background: var(--rch-purple);
        border-color: var(--rch-purple);
        border-bottom-right-radius: 5px;
    }

    .rch-demo-avatar {
        display: grid;
        width: 28px;
        height: 28px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-purple-2));
        font-size: 10px;
        font-weight: 900;
    }

    .rch-demo-avatar.user {
        color: var(--rch-text);
        background: #eaecf0;
    }

    .rch-typing {
        display: inline-flex;
        gap: 4px;
        align-items: center;
        height: 15px;
    }

    .rch-typing span {
        width: 5px;
        height: 5px;
        border-radius: 999px;
        background: #98a2b3;
        animation: rch-bounce 1s infinite ease-in-out;
    }

    .rch-typing span:nth-child(2) {
        animation-delay: .12s;
    }

    .rch-typing span:nth-child(3) {
        animation-delay: .24s;
    }

    @keyframes rch-bounce {
        0%,
60%,
100% {
            transform: translateY(0);
        }

        30% {
            transform: translateY(-4px);
        }
    }

    .rch-chat-result-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        margin-top: 11px;
        padding: 10px 11px;
        border: 1px solid #dac7ff;
        border-radius: 10px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 850;
        cursor: pointer;
    }

    @keyframes rch-fade {
        from {
            opacity: 0;
            transform: translateY(5px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .rch-tool-run {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) auto;
        gap: 11px;
        align-items: center;
        padding: 12px;
        border: 1px solid var(--rch-line);
        border-radius: 13px;
        background: #fff;
        opacity: .56;
        transition: opacity .25s ease, border-color .25s ease, transform .25s ease;
    }

    .rch-tool-run.active {
        opacity: 1;
        border-color: #d7c5fa;
        transform: translateX(3px);
    }

    .rch-tool-run.done {
        border-color: #bbefcd;
    }

    .rch-tool-run-icon {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 10px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 11px;
        font-weight: 900;
    }

    .rch-tool-run-name {
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-tool-run-desc {
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 9px;
        line-height: 1.4;
    }

    .rch-tool-status {
        color: var(--rch-muted);
        font-size: 9px;
        font-weight: 850;
    }

    .rch-tool-run.done .rch-tool-status {
        color: var(--rch-green);
    }

    .rch-report-shell {
        display: grid;
        gap: 12px;
    }

    .rch-report-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 1px 2px 3px;
    }

    .rch-report-kicker {
        color: var(--rch-purple);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .rch-report-title {
        margin-top: 4px;
        color: var(--rch-text);
        font-size: 18px;
        font-weight: 850;
        letter-spacing: -.03em;
    }

    .rch-report-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 29px;
        padding: 0 10px;
        border-radius: 999px;
        color: #15803d;
        background: var(--rch-green-soft);
        font-size: 9px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-report-kpis {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-report-kpi,
.rch-report-card {
        border: 1px solid var(--rch-line);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 22px rgba(16, 24, 40, .035);
    }

    .rch-report-kpi {
        padding: 12px;
    }

    .rch-report-kpi span {
        display: block;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-report-kpi strong {
        display: block;
        margin-top: 7px;
        color: var(--rch-text);
        font-size: 19px;
        letter-spacing: -.04em;
    }

    .rch-report-kpi small {
        display: block;
        margin-top: 4px;
        color: var(--rch-green);
        font-size: 8px;
        font-weight: 850;
    }

    .rch-report-card {
        padding: 14px;
    }

    .rch-report-card-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-report-card-title span {
        color: var(--rch-green);
        font-size: 9px;
    }

    .rch-report-chart svg {
        display: block;
        width: 100%;
        height: 138px;
        margin-top: 5px;
    }

    .rch-chart-line {
        stroke-dasharray: 480;
        stroke-dashoffset: 480;
        animation: rch-draw 1.1s .1s ease forwards;
    }

    .rch-chart-area {
        opacity: 0;
        animation: rch-area .8s .45s ease forwards;
    }

    @keyframes rch-draw {
        to {
            stroke-dashoffset: 0;
        }
    }

    @keyframes rch-area {
        to {
            opacity: 1;
        }
    }

    .rch-report-bottom {
        display: grid;
        grid-template-columns: .86fr 1.14fr;
        gap: 12px;
    }

    .rch-donut-wrap {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-top: 12px;
    }

    .rch-donut {
        width: 86px;
        height: 86px;
        flex: 0 0 auto;
        border-radius: 999px;
        background: conic-gradient(var(--rch-purple) 0 44%, var(--rch-blue) 44% 72%, var(--rch-pink) 72% 88%, #f59e0b 88% 100%);
        box-shadow: inset 0 0 0 21px #fff;
    }

    .rch-donut-legend {
        display: grid;
        gap: 7px;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-legend-dot {
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-right: 6px;
        border-radius: 999px;
    }

    .rch-product-bars {
        display: grid;
        gap: 11px;
        margin-top: 13px;
    }

    .rch-product-row {
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr) 42px;
        gap: 9px;
        align-items: center;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-product-row strong {
        color: var(--rch-text);
        text-align: right;
        font-size: 9px;
    }

    .rch-product-track {
        height: 7px;
        overflow: hidden;
        border-radius: 999px;
        background: #edf0f5;
    }

    .rch-product-track span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--rch-purple), var(--rch-purple-2));
        transform-origin: left;
        animation: rch-grow .75s ease both;
    }

    @keyframes rch-grow {
        from {
            transform: scaleX(0);
        }
    }

    .rch-result-list {
        display: grid;
        gap: 9px;
    }

    .rch-result-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 11px;
        align-items: center;
        padding: 12px;
        border: 1px solid var(--rch-line);
        border-radius: 13px;
        background: #fff;
    }

    .rch-result-row-icon {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-result-row strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
    }

    .rch-result-row span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-result-row-value {
        color: var(--rch-text);
        font-size: 10px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-result-summary {
        margin-top: 12px;
        padding: 14px;
        border: 1px solid #d9c7ff;
        border-radius: 14px;
        color: var(--rch-text-soft);
        background: var(--rch-purple-soft);
        font-size: 10px;
        line-height: 1.6;
    }

    .rch-result-summary strong {
        color: var(--rch-purple);
        font-size: 12px;
    }

    .rch-ai-scenario-lab {
        display: grid;
        gap: 96px;
        overflow: visible;
    }

    #interactive-report .rch-ai-scenario-panel {
        position: relative;
        inset: auto;
        z-index: auto;
        opacity: 1;
        pointer-events: auto;
        transform: none;
        animation: none;
        will-change: auto;
    }

    .rch-scenario-gpt {
        overflow: hidden;
        border: 1px solid #e7e7e9;
        border-radius: 28px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    #interactive-report .rch-scenario-gpt {
        border-color: rgba(231, 231, 233, .72);
        box-shadow: 0 10px 28px rgba(16, 24, 40, .045);
    }

    .rch-scenario-gpt-top {
        display: grid;
        grid-template-columns: 94px minmax(0, 1fr) auto;
        align-items: center;
        min-height: 56px;
        padding-right: 17px;
        border-bottom: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-gpt-title {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #202123;
        font-size: 13px;
        font-weight: 850;
    }

    .rch-scenario-gpt-title span {
        display: grid;
        width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt-title small {
        color: #777b83;
        font-size: 10px;
        font-weight: 650;
    }

    .rch-scenario-gpt-grid {
        display: grid;
        grid-template-columns: 310px minmax(0, 1fr);
        min-height: 520px;
    }

    .rch-scenario-chat {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-output-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 54px;
        padding: 0 16px;
        border-bottom: 1px solid #f0f0f1;
        color: #202123;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-scenario-chat-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: auto;
        padding: 18px 15px;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message {
        opacity: 0;
        transform: translateY(8px);
        animation-duration: 13s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(1) {
        animation-name: rch-scenario-message-1;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(2) {
        animation-name: rch-scenario-message-2;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(3) {
        animation-name: rch-scenario-message-3;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(4) {
        animation-name: rch-scenario-message-4;
    }

    @keyframes rch-scenario-message-1 {
        0%,
6% {
            opacity: 0;
            transform: translateY(8px);
        }

        10%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(-4px);
        }
    }

    @keyframes rch-scenario-message-2 {
        0%,
14% {
            opacity: 0;
            transform: translateY(8px);
        }

        19%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(-4px);
        }
    }

    @keyframes rch-scenario-message-3 {
        0%,
46% {
            opacity: 0;
            transform: translateY(8px);
        }

        51%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(-4px);
        }
    }

    @keyframes rch-scenario-message-4 {
        0%,
55% {
            opacity: 0;
            transform: translateY(8px);
        }

        60%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(-4px);
        }
    }

    .rch-scenario-composer {
        margin: auto 14px 14px;
        padding: 11px 12px;
        border: 1px solid #dedfe2;
        border-radius: 18px;
        color: #8a8d94;
        background: #fff;
        box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
        font-size: 11px;
    }

    .rch-scenario-composer-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 14px;
    }

    .rch-scenario-composer-tools {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #6b6d74;
        font-size: 9px;
        font-weight: 750;
    }

    .rch-scenario-composer-tools span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 23px;
        padding: 0 8px;
        border: 1px solid #ececec;
        border-radius: 999px;
        background: #f7f7f8;
    }

    .rch-scenario-send {
        display: grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111827;
        font-size: 12px;
        font-weight: 900;
    }

    .rch-scenario-gpt .rch-demo-bubble {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-scenario-gpt .rch-demo-bubble.user {
        color: #202123;
        background: #f1f1f1;
        border-radius: 15px 15px 5px 15px;
    }

    .rch-scenario-gpt .rch-demo-avatar {
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt .rch-demo-avatar.user {
        color: #3f4147;
        background: #e7e7e9;
    }

    .rch-scenario-output {
        min-width: 0;
        background: #f7f7f8;
    }

    .rch-scenario-output-body {
        position: relative;
        height: 466px;
        overflow: auto;
        padding: 17px;
    }

    .rch-output-state {
        opacity: 0;
        animation: rch-output-primary 13s ease-in-out infinite;
    }

    .rch-output-state-secondary {
        position: absolute;
        inset: 17px;
        opacity: 0;
        pointer-events: none;
        animation: rch-output-secondary 13s ease-in-out infinite;
    }

    @keyframes rch-output-primary {
        0%,
20% {
            opacity: 0;
            transform: translateY(8px);
        }

        25%,
50% {
            opacity: 1;
            transform: translateY(0);
        }

        56%,
100% {
            opacity: 0;
            transform: translateY(-6px);
        }
    }

    @keyframes rch-output-secondary {
        0%,
61% {
            opacity: 0;
            transform: translateY(8px);
        }

        66%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(6px);
        }
    }

    .rch-connected-visual {
        position: relative;
        min-height: 590px;
    }

    .rch-connected-visual .rch-centralizer-visual {
        position: relative;
        top: auto;
        right: auto;
        width: min(660px, 100%);
        margin-left: auto;
    }

    .rch-command-system .rch-connected-visual {
        min-height: auto;
        margin-top: 8px;
    }

    .rch-command-system .rch-centralizer-visual {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        min-height: auto;
        margin: 0;
        padding: 30px;
    }

    .rch-command-system .rch-hero-system {
        grid-template-columns: minmax(0, 1fr) minmax(270px, .78fr) minmax(0, 1fr);
        gap: 44px;
        align-items: center;
        padding: 0;
    }

    .rch-command-system .rch-system-column,
.rch-command-system .rch-system-outcomes {
        grid-template-columns: 1fr;
    }

    .rch-command-system .rch-system-middle {
        align-self: center;
    }

    .rch-command-system .rch-system-middle::before,
.rch-command-system .rch-system-middle::after {
        top: 50%;
        width: 30px;
        height: 30px;
        color: rgba(110, 0, 190, .24);
        content: "";
        font-size: 22px;
        line-height: 30px;
        transform: translateY(-50%);
    }

    .rch-command-system .rch-system-middle::before {
        left: -38px;
    }

    .rch-command-system .rch-system-middle::after {
        right: -38px;
        bottom: auto;
        left: auto;
    }

    .rch-platform-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .rch-client-stage {
        position: relative;
        margin-bottom: 54px;
        padding: 28px;
        overflow: hidden;
        border: 1px solid var(--rch-line);
        border-radius: 28px;
        background:
            radial-gradient(circle at 8% 15%, rgba(139, 92, 246, .09), transparent 28%),
            radial-gradient(circle at 92% 85%, rgba(26, 139, 255, .08), transparent 30%),
            #fff;
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-ai-multiplier .rch-client-stage {
        margin-bottom: 42px;
        padding: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-ai-multiplier .rch-client-stage-head {
        display: none;
    }

    .rch-client-stage-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        margin-bottom: 22px;
    }

    .rch-client-stage-head strong {
        display: block;
        color: var(--rch-text);
        font-size: 18px;
        letter-spacing: -.025em;
    }

    .rch-client-stage-head span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 12px;
    }

    .rch-client-connection {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 34px;
        padding: 0 12px;
        border-radius: 999px;
        color: #15803d;
        background: var(--rch-green-soft);
        font-size: 10px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-client-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rch-client-card {
        position: relative;
        min-height: 420px;
        overflow: hidden;
        border: 1px solid var(--rch-line);
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 12px 30px rgba(16, 24, 40, .06);
    }

    .rch-client-card-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 52px;
        padding: 0 14px;
        border-bottom: 1px solid var(--rch-line);
    }

    .rch-client-brand {
        display: flex;
        align-items: center;
        gap: 9px;
        color: var(--rch-text);
        font-size: 12px;
        font-weight: 850;
    }

    .rch-client-brand-icon {
        display: grid;
        width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: #111827;
        font-size: 10px;
        font-weight: 900;
    }

    .rch-client-brand-icon.claude {
        width: 27px;
        border-radius: 9px;
        color: #d97757;
        background: #fff8ed;
    }

    .rch-client-brand-icon.codex {
        color: #a7f3d0;
        background: #15231f;
        font-family: var(--rch-font);
    }

    .rch-client-brand-icon.grok {
        width: 27px;
        border-radius: 9px;
        color: #fff;
        background: #050505;
        border: 1px solid rgba(255, 255, 255, .12);
    }

    .rch-client-brand-icon.claude .rch-claude-logo,
.rch-client-brand-icon.grok .rch-grok-logo,
.rch-claude-side-logo .rch-claude-logo {
        width: 18px;
        height: 18px;
    }

    .rch-client-connected {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #15803d;
        font-size: 8px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-chatgpt-ui {
        min-height: 368px;
        padding: 12px;
        background: #f8f8f8;
    }

    .rch-gpt-web {
        display: grid;
        grid-template-columns: 108px minmax(0, 1fr);
        min-height: 344px;
        overflow: hidden;
        border: 1px solid #e7e7e7;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 12px 24px rgba(16, 24, 40, .05);
    }

    .rch-gpt-side {
        padding: 10px 8px;
        border-right: 1px solid #ececec;
        background: #f9f9f9;
    }

    .rch-gpt-side-top {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #111;
        font-size: 8px;
        font-weight: 800;
    }

    .rch-gpt-side-top span {
        display: grid;
        width: 20px;
        height: 20px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111;
    }

    .rch-gpt-new-chat {
        margin-top: 13px;
        padding: 7px 8px;
        border-radius: 8px;
        color: #171717;
        background: #ececec;
        font-size: 7px;
        font-weight: 750;
    }

    .rch-gpt-history {
        display: grid;
        gap: 4px;
        margin-top: 10px;
        color: #5f6368;
        font-size: 7px;
    }

    .rch-gpt-history span {
        overflow: hidden;
        padding: 6px 7px;
        border-radius: 7px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rch-gpt-history span:first-child {
        color: #171717;
        background: #ececec;
    }

    .rch-gpt-main {
        display: grid;
        grid-template-rows: 34px minmax(0, 1fr) 54px;
        min-width: 0;
    }

    .rch-gpt-model {
        display: flex;
        align-items: center;
        padding: 0 14px;
        color: #171717;
        font-size: 11px;
        font-weight: 800;
    }

    .rch-gpt-thread {
        width: min(100% - 28px, 300px);
        margin: 0 auto;
        padding-top: 8px;
    }

    .rch-gpt-message {
        display: flex;
        gap: 8px;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .rch-gpt-message.user {
        justify-content: flex-end;
    }

    .rch-gpt-avatar {
        display: grid;
        width: 22px;
        height: 22px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111827;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-gpt-bubble {
        max-width: 210px;
        padding: 9px 10px;
        border-radius: 13px;
        color: #2f3337;
        background: transparent;
        font-size: 8px;
        line-height: 1.45;
    }

    .rch-gpt-bubble.user {
        color: #101828;
        background: #f4f4f4;
    }

    .rch-gpt-result {
        margin-left: 30px;
        padding: 10px;
        border: 1px solid #ececec;
        border-radius: 13px;
        background: #fcfcfc;
    }

    .rch-gpt-result strong {
        display: block;
        color: #101828;
        font-size: 15px;
        letter-spacing: -.025em;
    }

    .rch-gpt-result span {
        display: block;
        margin-top: 3px;
        color: #15803d;
        font-size: 8px;
        font-weight: 800;
    }

    .rch-gpt-composer-mini {
        align-self: end;
        margin: 0 14px 12px;
        padding: 9px 11px;
        border: 1px solid #dedede;
        border-radius: 18px;
        color: #8b8b8b;
        background: #fff;
        font-size: 8px;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .06);
    }

    .rch-codex-ui {
        min-height: 368px;
        color: #dbe4f3;
        background: #0d131c;
    }

    .rch-codex-toolbar {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 35px;
        padding: 0 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        color: #94a3b8;
        font-size: 8px;
    }

    .rch-codex-toolbar strong {
        color: #fff;
        font-size: 9px;
    }

    .rch-codex-layout {
        display: grid;
        grid-template-columns: 34px 100px minmax(0, 1fr);
        min-height: 333px;
    }

    .rch-codex-rail {
        display: grid;
        align-content: start;
        justify-items: center;
        gap: 12px;
        padding-top: 12px;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #0b1119;
    }

    .rch-codex-rail span {
        display: grid;
        width: 20px;
        height: 20px;
        place-items: center;
        border-radius: 7px;
        color: #66758a;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-codex-rail span:first-child {
        color: #a7f3d0;
        background: #17251f;
    }

    .rch-codex-sidebar {
        padding: 12px 9px;
        border-right: 1px solid rgba(255, 255, 255, .09);
        background: #101821;
    }

    .rch-codex-label {
        margin-bottom: 8px;
        color: #64748b;
        font-size: 6px;
        font-weight: 900;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-codex-file {
        margin-bottom: 5px;
        padding: 6px 7px;
        border-radius: 6px;
        color: #94a3b8;
        font-size: 7px;
    }

    .rch-codex-file.active {
        color: #fff;
        background: rgba(139, 92, 246, .18);
    }

    .rch-codex-main {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        padding: 12px;
        min-width: 0;
    }

    .rch-codex-prompt {
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 9px;
        color: #e2e8f0;
        background: #121b26;
        font-size: 8px;
        line-height: 1.5;
    }

    .rch-codex-code {
        margin-top: 10px;
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 9px;
        color: #cbd5e1;
        background: #0a1018;
        font-family: "SFMono-Regular", Consolas, monospace;
        font-size: 7px;
        line-height: 1.7;
    }

    .rch-codex-code-head {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        margin: -2px 0 7px;
        color: #64748b;
        font-size: 6px;
        font-family: var(--rch-font);
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-codex-code .purple { color: #c4b5fd; }
    .rch-codex-code .green { color: #86efac; }
    .rch-codex-code .blue { color: #7dd3fc; }

    .rch-codex-terminal {
        margin-top: 10px;
        padding: 9px;
        border-radius: 9px;
        color: #94a3b8;
        background: #070b11;
        font-size: 7px;
        line-height: 1.6;
    }

    .rch-codex-terminal strong {
        color: #86efac;
    }

    .rch-grok-ui {
        min-height: 368px;
        color: #f4f4f5;
        background:
            radial-gradient(circle at 80% 8%, rgba(255, 255, 255, .10), transparent 28%),
            linear-gradient(180deg, #111113, #050505);
    }

    .rch-grok-shell {
        display: grid;
        grid-template-columns: 116px minmax(0, 1fr);
        min-height: 368px;
    }

    .rch-grok-side {
        padding: 14px 10px;
        border-right: 1px solid rgba(255, 255, 255, .09);
        background: rgba(255, 255, 255, .03);
    }

    .rch-grok-side-top {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #fff;
        font-size: 10px;
        font-weight: 900;
    }

    .rch-grok-side-top span {
        display: grid;
        width: 22px;
        height: 22px;
        place-items: center;
        border-radius: 8px;
        color: #fff;
        background: #000;
        border: 1px solid rgba(255, 255, 255, .12);
    }

    .rch-grok-new,
.rch-grok-nav span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-radius: 9px;
        color: rgba(255, 255, 255, .74);
        font-size: 7px;
    }

    .rch-grok-new {
        margin-top: 15px;
        padding: 8px;
        color: #111;
        background: #fff;
        font-weight: 850;
    }

    .rch-grok-nav {
        display: grid;
        gap: 5px;
        margin-top: 14px;
    }

    .rch-grok-nav span {
        padding: 7px 8px;
        background: rgba(255, 255, 255, .06);
    }

    .rch-grok-main {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        gap: 14px;
        padding: 16px;
    }

    .rch-grok-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        color: rgba(255, 255, 255, .58);
        font-size: 7px;
    }

    .rch-grok-top strong {
        color: #fff;
        font-size: 10px;
    }

    .rch-grok-thread {
        display: grid;
        align-content: center;
        gap: 10px;
    }

    .rch-grok-question {
        justify-self: end;
        max-width: 74%;
        padding: 10px 12px;
        border-radius: 16px 16px 4px 16px;
        color: #111;
        background: #fff;
        font-size: 8px;
        line-height: 1.45;
    }

    .rch-grok-answer {
        display: grid;
        gap: 9px;
        max-width: 82%;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 16px 16px 16px 5px;
        background: rgba(255, 255, 255, .055);
        color: rgba(255, 255, 255, .78);
        font-size: 8px;
        line-height: 1.55;
    }

    .rch-grok-answer strong {
        color: #fff;
    }

    .rch-grok-metrics {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }

    .rch-grok-metric {
        padding: 8px;
        border-radius: 11px;
        color: rgba(255, 255, 255, .64);
        background: rgba(255, 255, 255, .075);
        font-size: 6px;
    }

    .rch-grok-metric b {
        display: block;
        margin-bottom: 3px;
        color: #fff;
        font-size: 11px;
    }

    .rch-grok-composer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-height: 42px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, .11);
        border-radius: 999px;
        color: rgba(255, 255, 255, .45);
        background: rgba(255, 255, 255, .06);
        font-size: 8px;
    }

    .rch-grok-composer span:last-child {
        color: #fff;
        font-weight: 900;
    }

    .rch-claude-ui {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        min-height: 368px;
        color: #3f3a35;
        background: #f7f3ec;
    }

    .rch-claude-side {
        padding: 13px 10px;
        border-right: 1px solid #ded7cc;
        background: #f1ece4;
    }

    .rch-claude-side-logo {
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 9px;
        color: #2f2a26;
        background: #e7dfd3;
    }

    .rch-claude-new {
        margin-top: 17px;
        padding: 8px;
        border-radius: 9px;
        color: #3f3a35;
        background: #fffaf3;
        font-size: 7px;
        font-weight: 800;
    }

    .rch-claude-nav {
        display: grid;
        gap: 5px;
        margin-top: 12px;
        color: #766b61;
        font-size: 7px;
    }

    .rch-claude-nav span {
        padding: 6px 7px;
        border-radius: 8px;
    }

    .rch-claude-nav span:first-child {
        color: #2f2a26;
        background: #e7dfd3;
    }

    .rch-claude-main-card {
        padding: 16px;
        min-width: 0;
    }

    .rch-claude-greeting {
        margin: 0 0 13px;
        color: #2f2a26;
        font-family: Georgia, serif;
        font-size: 21px;
        font-weight: 500;
        letter-spacing: -.035em;
    }

    .rch-claude-prompt {
        margin-left: auto;
        max-width: 245px;
        padding: 10px 11px;
        border: 1px solid #ded7cc;
        border-radius: 14px;
        background: #fffdf9;
        font-size: 8px;
        line-height: 1.45;
        box-shadow: 0 8px 20px rgba(86, 71, 55, .06);
    }

    .rch-claude-answer {
        margin-top: 12px;
        padding: 12px;
        border-radius: 13px;
        background: rgba(255, 253, 249, .72);
        font-size: 8px;
        line-height: 1.5;
    }

    .rch-claude-answer strong {
        display: block;
        margin-bottom: 5px;
        color: #2f2a26;
        font-size: 9px;
    }

    .rch-claude-artifact {
        margin-top: 11px;
        overflow: hidden;
        border: 1px solid #e2d9cc;
        border-radius: 13px;
        background: #fffaf3;
    }

    .rch-claude-artifact-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 31px;
        padding: 0 10px;
        border-bottom: 1px solid #e2d9cc;
        color: #2f2a26;
        font-size: 8px;
        font-weight: 850;
    }

    .rch-claude-artifact-head span {
        color: #b4533c;
        font-size: 7px;
    }

    .rch-claude-finding {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 9px;
        align-items: center;
        padding: 9px 10px;
        border-bottom: 1px solid #eee4d8;
        background: #fffaf3;
    }

    .rch-claude-finding:last-child {
        border-bottom: 0;
    }

    .rch-claude-finding span {
        display: block;
        color: #766b61;
        font-size: 7px;
    }

    .rch-claude-finding strong {
        color: #2f2a26;
        font-size: 8px;
    }

    .rch-claude-finding-value {
        color: #b4533c;
        font-size: 9px;
        font-weight: 850;
    }

    .rch-ai-connect-lab {
        display: grid;
        grid-template-columns: 1fr;
        gap: 148px;
        align-items: start;
    }

    .rch-ai-connect-panel {
        display: grid;
        grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
        gap: 78px;
        align-items: center;
        min-width: 0;
        overflow: visible;
    }

    .rch-ai-connect-head {
        display: block;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .rch-ai-connect-head strong {
        display: block;
        color: var(--rch-text);
        font-size: clamp(34px, 4vw, 56px);
        line-height: .94;
        letter-spacing: -.065em;
    }

    .rch-ai-connect-head span {
        display: block;
        margin-top: 18px;
        color: var(--rch-muted);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-ai-connect-badge {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 900;
        white-space: nowrap;
        margin-top: 22px;
    }

    .rch-ai-multiplier .rch-ai-connect-badge {
        margin: 0 0 18px;
    }

    #interactive-report .rch-ai-connect-badge {
        margin: 0 0 18px;
    }

    .rch-scenario-checks {
        display: grid;
        gap: 10px;
        margin-top: 22px;
    }

    .rch-scenario-check {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        color: var(--rch-text-soft);
        font-size: 13px;
        line-height: 1.45;
    }

    .rch-scenario-check i {
        display: grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border-radius: 999px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-agent-connection-visual {
        position: relative;
        min-height: 430px;
        overflow: visible;
    }

    .rch-agent-connection-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(230px, 310px) minmax(260px, 1fr);
        gap: 94px;
        align-items: center;
        min-height: 430px;
        padding: 0;
    }

    .rch-agent-source-list {
        display: grid;
        gap: 12px;
    }

    .rch-agent-source {
        display: flex;
        align-items: center;
        gap: 13px;
        min-height: 68px;
        padding: 10px 0;
        border-bottom: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-agent-source-icon {
        display: grid;
        width: 42px;
        height: 42px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 15px;
        color: #fff;
        background: #111827;
    }

    .rch-agent-source-icon svg {
        width: 20px;
        height: 20px;
    }

    .rch-agent-source-icon.claude {
        color: #d97757;
        background: #fff8ed;
        border: 1px solid rgba(217, 119, 87, .16);
    }

    .rch-agent-source-icon.cursor {
        color: #fff;
        background: #0f1117;
    }

    .rch-agent-source-icon.openclaw {
        color: #ef4b2a;
        background: #fff4ed;
        border: 1px solid rgba(239, 75, 42, .18);
    }

    .rch-agent-source strong {
        display: block;
        color: var(--rch-text);
        font-size: 14px;
        line-height: 1.1;
        letter-spacing: -.025em;
    }

    .rch-agent-source > div > span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.35;
    }

    .rch-agent-hub {
        position: relative;
        display: grid;
        place-items: center end;
        min-height: 300px;
    }

    .rch-agent-hub-card {
        position: relative;
        z-index: 1;
        width: min(100%, 360px);
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--rch-text);
        box-shadow: none;
    }

    .rch-agent-hub-kicker {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-agent-hub-card strong {
        display: block;
        margin-top: 16px;
        color: var(--rch-text);
        font-size: clamp(48px, 7vw, 78px);
        line-height: .86;
        letter-spacing: -.07em;
    }

    .rch-agent-hub-card p {
        max-width: 330px;
        margin: 16px 0 0;
        color: var(--rch-muted);
        font-size: 14px;
        line-height: 1.55;
    }

    .rch-agent-hub-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 20px;
    }

    .rch-agent-hub-chips span {
        display: inline-flex;
        align-items: center;
        min-height: 27px;
        padding: 0 10px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 999px;
        background: rgba(255, 255, 255, .78);
        color: var(--rch-text-soft);
        font-size: 10px;
        font-weight: 850;
    }

    .rch-agent-connector-svg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    .rch-agent-connector-svg path {
        fill: none;
        stroke: rgba(110, 0, 190, .20);
        stroke-width: 1.8;
        stroke-linecap: round;
    }

    .rch-voice-panel {
        align-items: center;
    }

    .rch-voice-ui {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 16% 12%, rgba(110, 0, 190, .10), transparent 28%),
            radial-gradient(circle at 88% 18%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 255, .92));
        box-shadow: 0 28px 78px rgba(16, 24, 40, .12);
    }

    .rch-voice-ui-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 64px;
        padding: 0 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        background: rgba(255, 255, 255, .64);
    }

    .rch-voice-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: var(--rch-text);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.02em;
    }

    .rch-voice-brand span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-blue));
        box-shadow: 0 14px 24px rgba(110, 0, 190, .18);
    }

    @keyframes rch-voice-bar {
        0%,
100% {
            opacity: .58;
            transform: scaleY(.56);
        }

        50% {
            opacity: 1;
            transform: scaleY(1);
        }
    }

    .rch-voice-live {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: #137333;
        background: rgba(22, 163, 74, .10);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-voice-body {
        display: grid;
        grid-template-columns: minmax(190px, .82fr) minmax(0, 1fr);
        gap: 0;
        padding: 0;
    }

    .rch-voice-call-card,
.rch-voice-work-card {
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-voice-call-card {
        padding: 22px;
        border-right: 1px solid rgba(231, 234, 243, .86);
    }

    .rch-voice-customer {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .rch-voice-icon {
        display: grid;
        width: 44px;
        height: 44px;
        place-items: center;
        flex: 0 0 auto;
        border-radius: 16px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 14px;
        font-weight: 950;
    }

    .rch-voice-customer strong {
        display: block;
        color: var(--rch-text);
        font-size: 15px;
        letter-spacing: -.03em;
    }

    .rch-voice-customer span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-voice-wave {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        height: 78px;
        margin-top: 18px;
    }

    .rch-voice-wave span {
        display: block;
        width: 5px;
        height: var(--h, 24px);
        border-radius: 999px;
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-blue));
        opacity: .78;
        transform-origin: center;
        animation: rch-voice-bar 1.35s ease-in-out infinite;
    }

    .rch-voice-wave span:nth-child(2) {
        animation-delay: .12s;
    }

    .rch-voice-wave span:nth-child(3) {
        animation-delay: .24s;
    }

    .rch-voice-wave span:nth-child(4) {
        animation-delay: .36s;
    }

    .rch-voice-wave span:nth-child(5) {
        animation-delay: .48s;
    }

    .rch-voice-wave span:nth-child(6) {
        animation-delay: .6s;
    }

    .rch-voice-wave span:nth-child(7) {
        animation-delay: .72s;
    }

    .rch-voice-wave span:nth-child(8) {
        animation-delay: .84s;
    }

    .rch-voice-call-meta {
        display: grid;
        gap: 8px;
        margin-top: 16px;
    }

    .rch-voice-call-meta div {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-voice-call-meta strong {
        color: var(--rch-text);
        font-weight: 900;
    }

    .rch-voice-context {
        display: grid;
        gap: 10px;
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid rgba(231, 234, 243, .78);
    }

    .rch-voice-context-title {
        color: var(--rch-text);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-voice-context-item {
        display: grid;
        gap: 3px;
        padding: 0 0 10px;
        border-bottom: 1px solid rgba(231, 234, 243, .72);
    }

    .rch-voice-context-item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .rch-voice-context-item span {
        color: var(--rch-muted);
        font-size: 9px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .rch-voice-context-item strong {
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 900;
        line-height: 1.3;
    }

    .rch-voice-work-card {
        overflow: hidden;
    }

    .rch-voice-work-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 15px 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        color: var(--rch-text);
        font-size: 12px;
        font-weight: 900;
    }

    .rch-voice-transcript {
        display: grid;
        gap: 10px;
        padding: 16px 22px 18px;
    }

    .rch-voice-line {
        display: block;
        padding: 12px;
        border: 1px solid rgba(231, 234, 243, .82);
        border-radius: 16px;
        background: rgba(255, 255, 255, .74);
        color: var(--rch-text-soft);
        font-size: 11.5px;
        line-height: 1.5;
        box-shadow: 0 10px 22px rgba(16, 24, 40, .035);
    }

    .rch-voice-line.rch-voice-agent {
        border-color: rgba(110, 0, 190, .11);
        background: rgba(110, 0, 190, .045);
        color: var(--rch-text);
    }

    .rch-voice-line b {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 5px;
        color: var(--rch-text);
        font-size: 10px;
        text-transform: uppercase;
    }

    .rch-voice-line b em {
        color: var(--rch-muted);
        font-size: 9px;
        font-style: normal;
        font-weight: 900;
    }

    .rch-assistant-ui {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 12% 18%, rgba(22, 163, 74, .08), transparent 28%),
            radial-gradient(circle at 88% 16%, rgba(110, 0, 190, .08), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .94));
        box-shadow: 0 28px 78px rgba(16, 24, 40, .11);
    }

    .rch-assistant-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 64px;
        padding: 0 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        background: rgba(255, 255, 255, .68);
    }

    .rch-assistant-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: var(--rch-text);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.02em;
    }

    .rch-assistant-brand span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 12px;
        font-weight: 950;
    }

    .rch-assistant-pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: var(--rch-bg-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-assistant-flow {
        --rch-assistant-node-height: 108px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(104px, 1fr)) minmax(34px, .34fr) repeat(2, minmax(104px, 1fr));
        grid-template-rows: repeat(3, var(--rch-assistant-node-height));
        gap: 12px 0;
        align-items: center;
        min-height: 404px;
        padding: 28px 22px;
        background:
            linear-gradient(rgba(16, 24, 40, .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px);
        background-size: 34px 34px;
    }

    .rch-assistant-svg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
    }

    .rch-assistant-svg > path {
        fill: none;
        stroke: rgba(110, 0, 190, .24);
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .rch-assistant-node {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        justify-self: center;
        width: 84%;
        min-height: var(--rch-assistant-node-height);
        padding: 12px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 18px;
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 16px 34px rgba(16, 24, 40, .075);
    }

    .rch-assistant-node small {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 0 8px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .rch-assistant-node strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 13.5px;
        line-height: 1.05;
        letter-spacing: -.035em;
    }

    .rch-assistant-node span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-assistant-node.wait small {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-assistant-node.output small {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-assistant-node.start {
        grid-column: 1;
        grid-row: 2;
    }

    .rch-assistant-node.context {
        grid-column: 2;
        grid-row: 2;
    }

    .rch-assistant-node.branch {
        grid-column: 3;
        grid-row: 2;
    }

    .rch-assistant-node.action {
        grid-column: 5;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.output {
        grid-column: 6;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.notify {
        grid-column: 5;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-assistant-node.followup {
        grid-column: 6;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-ai-stack {
        position: relative;
        display: block;
        overflow: visible;
    }

    .rch-ai-chat-stack.rch-client-grid {
        display: block;
        grid-template-columns: none;
    }

    .rch-ai-chat-stack {
        min-height: 610px;
    }

    .rch-ai-stack > .rch-client-card {
        position: absolute;
        top: 0;
        left: 0;
        width: min(60%, 520px);
        opacity: 1;
        pointer-events: auto;
        animation: none;
        transform-origin: 50% 10%;
        box-shadow: 0 24px 70px rgba(16, 24, 40, .14);
    }

    .rch-ai-stack > .rch-client-card:nth-child(1) {
        z-index: 11;
        transform: translate(0, 0) rotate(-4deg);
    }

    .rch-ai-stack > .rch-client-card:nth-child(2) {
        z-index: 12;
        transform: translate(126px, 58px) rotate(-1.4deg) scale(.985);
    }

    .rch-ai-stack > .rch-client-card:nth-child(3) {
        z-index: 13;
        transform: translate(252px, 116px) rotate(1.2deg) scale(.97);
    }

    .rch-ai-stack > .rch-client-card:nth-child(4) {
        z-index: 14;
        transform: translate(378px, 174px) rotate(3.8deg) scale(.955);
    }

    .rch-ai-chat-stack {
        min-height: 560px;
    }

    .rch-ai-chat-stack > .rch-client-card {
        width: min(56%, 490px);
        min-height: 400px;
    }

    .rch-ai-chat-stack > .rch-client-card:nth-child(1) {
        transform: translate(0, 0) rotate(-4deg) scale(.93);
    }

    .rch-ai-chat-stack > .rch-client-card:nth-child(2) {
        transform: translate(124px, 58px) rotate(-1.4deg) scale(.915);
    }

    .rch-ai-chat-stack > .rch-client-card:nth-child(3) {
        transform: translate(248px, 116px) rotate(1.2deg) scale(.9);
    }

    .rch-ai-chat-stack > .rch-client-card:nth-child(4) {
        transform: translate(372px, 174px) rotate(3.8deg) scale(.885);
    }

    .rch-ai-chat-stack .rch-client-connected {
        display: none;
    }

    @keyframes rch-rotate-four {
        0%,
21% {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0) scale(1);
        }
        25%,
100% {
            opacity: 0;
            pointer-events: none;
            transform: translateY(-16px) scale(.985);
        }
    }

    @keyframes rch-rotate-three {
        0%,
29% {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0) scale(1);
        }
        33.33%,
100% {
            opacity: 0;
            pointer-events: none;
            transform: translateY(-16px) scale(.985);
        }
    }

    .rch-interface-desc {
        display: none;
    }

    .rch-interface-desc strong {
        display: block;
        color: var(--rch-text);
        font-size: 14px;
        letter-spacing: -.02em;
    }

    .rch-interface-desc span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.45;
    }

    .rch-codex-ui,
.rch-chatgpt-ui,
.rch-claude-ui,
.rch-grok-ui {
        min-height: 382px;
    }

    .rch-agent-ui {
        position: relative;
        z-index: 1;
        min-height: 496px;
    }

    .rch-claude-agent-ui {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr);
        color: #3f3a35;
        background: #f7f3ec;
    }

    .rch-claude-agent-side {
        padding: 13px 10px;
        border-right: 1px solid #ded7cc;
        background: #f1ece4;
    }

    .rch-claude-agent-side-title {
        color: #2f2a26;
        font-family: Georgia, serif;
        font-size: 17px;
        letter-spacing: -.04em;
    }

    .rch-claude-agent-nav {
        display: grid;
        gap: 5px;
        margin-top: 14px;
        color: #766b61;
        font-size: 7px;
    }

    .rch-claude-agent-nav span {
        padding: 7px 8px;
        border-radius: 8px;
    }

    .rch-claude-agent-nav span:first-child {
        color: #2f2a26;
        background: #e7dfd3;
    }

    .rch-claude-agent-main {
        min-width: 0;
        padding: 14px;
    }

    .rch-claude-agent-prompt {
        margin-left: auto;
        max-width: 230px;
        padding: 10px 11px;
        border: 1px solid #ded7cc;
        border-radius: 14px;
        background: #fffdf9;
        font-size: 8px;
        line-height: 1.45;
        box-shadow: 0 8px 20px rgba(86, 71, 55, .06);
    }

    .rch-claude-agent-run {
        margin-top: 12px;
        padding: 13px;
        border: 1px solid #e2d9cc;
        border-radius: 16px;
        background: #fffaf3;
    }

    .rch-claude-agent-run strong {
        display: block;
        color: #2f2a26;
        font-size: 12px;
        letter-spacing: -.02em;
    }

    .rch-claude-agent-run p {
        margin: 5px 0 0;
        color: #766b61;
        font-size: 8px;
        line-height: 1.45;
    }

    .rch-claude-subagents {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        margin-top: 11px;
    }

    .rch-claude-subagents div {
        padding: 9px 7px;
        border: 1px solid #eadfd1;
        border-radius: 11px;
        background: #fffdf9;
        color: #766b61;
        font-size: 6px;
        line-height: 1.35;
    }

    .rch-claude-subagents b {
        display: block;
        color: #2f2a26;
        font-size: 7px;
    }

    .rch-claude-agent-memory {
        display: grid;
        gap: 7px;
        margin-top: 11px;
    }

    .rch-claude-agent-memory div {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        padding: 9px 10px;
        border-radius: 11px;
        background: rgba(255, 253, 249, .72);
        color: #766b61;
        font-size: 7px;
    }

    .rch-claude-agent-memory strong {
        color: #2f2a26;
        font-size: 8px;
    }

    .rch-claude-agent-memory small {
        color: #b4533c;
        font-size: 6px;
        font-weight: 900;
    }

    .rch-cursor-agent-ui {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        color: #cbd5e1;
        background: #0e1117;
        font-family: "SFMono-Regular", Consolas, monospace;
    }

    .rch-cursor-agent-files {
        padding: 12px 8px;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #10141d;
    }

    .rch-cursor-agent-label {
        margin-bottom: 9px;
        color: #64748b;
        font-size: 6px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-cursor-agent-file {
        margin-bottom: 5px;
        padding: 6px 7px;
        border-radius: 7px;
        color: #94a3b8;
        font-size: 7px;
        white-space: nowrap;
    }

    .rch-cursor-agent-file.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-cursor-agent-main {
        display: grid;
        grid-template-rows: 32px minmax(0, 1fr) 155px;
        min-width: 0;
    }

    .rch-cursor-agent-tabs {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 0 9px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: #64748b;
        font-size: 7px;
    }

    .rch-cursor-agent-tabs span {
        padding: 6px 8px;
        border-radius: 7px;
    }

    .rch-cursor-agent-tabs span:first-child {
        color: #e2e8f0;
        background: rgba(255, 255, 255, .07);
    }

    .rch-cursor-code {
        padding: 12px;
        color: #cbd5e1;
        background:
            linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 100% 24px,
            #0b0f15;
        font-size: 7px;
        line-height: 1.8;
    }

    .rch-cursor-code .muted { color: #64748b; }
    .rch-cursor-code .green { color: #86efac; }
    .rch-cursor-code .blue { color: #7dd3fc; }
    .rch-cursor-code .purple { color: #c4b5fd; }

    .rch-cursor-agent-panel {
        border-top: 1px solid rgba(255, 255, 255, .08);
        background: #111827;
    }

    .rch-cursor-agent-panel-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 11px 0;
        color: #f8fafc;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-cursor-agent-panel-head span {
        color: #22c55e;
        font-size: 6px;
        text-transform: uppercase;
    }

    .rch-cursor-agent-prompt {
        margin: 8px 11px 0;
        padding: 8px 9px;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 10px;
        color: #dbeafe;
        background: #0b1220;
        font-size: 7px;
        line-height: 1.45;
    }

    .rch-cursor-agent-checks {
        display: grid;
        gap: 5px;
        margin: 8px 11px 0;
    }

    .rch-cursor-agent-checks div {
        display: grid;
        grid-template-columns: 14px minmax(0, 1fr) auto;
        gap: 7px;
        color: #94a3b8;
        font-size: 7px;
    }

    .rch-cursor-agent-checks b {
        color: #22c55e;
        font-size: 8px;
    }

    .rch-cursor-agent-checks small {
        color: #64748b;
        font-size: 6px;
    }

    .rch-platform-card {
        min-height: 220px;
        padding: 25px;
        border: 1px solid var(--rch-line);
        border-radius: 20px;
        background: #fff;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    .rch-platform-card:hover {
        transform: translateY(-4px);
        border-color: #d9c7ff;
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-platform-icon {
        display: grid;
        width: 43px;
        height: 43px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 15px;
        font-weight: 900;
    }







    .rch-platform-card h3 {
        margin: 18px 0 0;
        color: var(--rch-text);
        font-size: 18px;
        letter-spacing: -.025em;
    }

    .rch-platform-card p {
        margin: 9px 0 0;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.6;
    }

    .rch-platform-card a {
        display: inline-flex;
        margin-top: 17px;
        color: var(--rch-purple) !important;
        font-size: 12px;
        font-weight: 850;
        text-decoration: none !important;
    }

    .rch-memory {
        display: grid;
        grid-template-columns: minmax(0, .82fr) minmax(620px, 1.18fr);
        gap: 54px;
        align-items: center;
    }

    .rch-memory-visual {
        position: relative;
        min-height: 620px;
    }

    .rch-intel-card {
        position: absolute;
        inset: 10px 0 auto auto;
        width: 660px;
        min-height: 620px;
    }

    .rch-intel-circle {
        position: relative;
        width: 620px;
        height: 620px;
        margin-left: auto;
    }

    .rch-intel-circle::before {
        content: "";
        position: absolute;
        inset: 110px;
        z-index: 1;
        border: 1px solid rgba(110, 0, 190, .18);
        border-radius: 999px;
        background:
            radial-gradient(circle, rgba(110, 0, 190, .045), transparent 60%);
        box-shadow:
            0 0 0 18px rgba(255, 255, 255, .42),
            inset 0 0 0 1px rgba(255, 255, 255, .75);
    }

    .rch-intel-node {
        position: absolute;
        z-index: 4;
        box-sizing: border-box;
        width: 178px;
        height: 140px;
        padding: 15px;
        border: 1px solid rgba(231, 234, 243, .9);
        border-radius: 22px;
        background: rgba(255, 255, 255, .92);
        box-shadow:
            0 20px 50px rgba(16, 24, 40, .09),
            inset 0 1px 0 rgba(255, 255, 255, .96);
        backdrop-filter: blur(14px);
    }

    .rch-intel-node small {
        display: inline-grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 950;
    }

    .rch-intel-node strong {
        display: block;
        margin-top: 11px;
        color: var(--rch-text);
        font-size: 16px;
        line-height: 1;
        letter-spacing: -.04em;
    }

    .rch-intel-node span {
        display: block;
        margin-top: 7px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-intel-node.business {
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .rch-intel-node.centralized {
        top: 50%;
        right: 21px;
        transform: translateY(-50%);
    }

    .rch-intel-node.ai {
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .rch-intel-node.improving {
        top: 50%;
        left: 21px;
        transform: translateY(-50%);
    }

    .rch-footer-spacer {
        position: relative;
        z-index: 2;
    }

    @media (max-width: 1199px) {
        .rch-hero {
            min-height: auto;
            padding-top: 150px;
            padding-bottom: 125px;
        }

        .rch-hero-grid {
            grid-template-columns: minmax(0, 900px);
            gap: 0;
        }

        .rch-connected-visual .rch-centralizer-visual {
            width: min(620px, 100%);
        }
    }

    @media (max-width: 991px) {
        .rch-section {
            padding: 86px 0;
        }

        .rch-hero {
            min-height: auto;
            padding: 132px 0 100px;
        }

        .rch-hero-grid,
.rch-memory {
            grid-template-columns: 1fr;
        }

        .rch-centralizer-visual {
            right: auto;
            left: 50%;
            width: min(720px, 100%);
            transform: translateX(-50%);
        }

        .rch-connected-visual {
            min-height: auto;
        }

        .rch-connected-visual .rch-centralizer-visual {
            left: auto;
            width: min(720px, 100%);
            margin: 34px auto 0;
            transform: none;
        }

        .rch-command-system .rch-connected-visual .rch-centralizer-visual {
            width: 100%;
            margin: 0;
            padding: 24px;
        }

        .rch-hero-system {
            grid-template-columns: 1fr;
            gap: 46px;
            min-height: auto;
        }

        .rch-system-column {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .rch-system-outcomes {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .rch-system-core {
            min-height: auto;
        }

        .rch-system-output {
            text-align: left;
        }

        .rch-section-head {
            grid-template-columns: 1fr;
            gap: 22px;
        }

        .rch-scenario-gpt-grid {
            grid-template-columns: 1fr;
        }

        .rch-scenario-chat {
            min-height: 300px;
            border-right: 0;
            border-bottom: 1px solid #e7e7e9;
        }

        .rch-scenario-output-body {
            height: auto;
            max-height: none;
        }

        #interactive-report .rch-scenario-gpt {
            width: 760px;
            max-width: none;
            justify-self: start;
            zoom: .82;
        }

        #interactive-report .rch-scenario-gpt-grid {
            grid-template-columns: 310px minmax(0, 1fr);
        }

        #interactive-report .rch-scenario-chat {
            min-height: auto;
            border-right: 1px solid #e7e7e9;
            border-bottom: 0;
        }

        #interactive-report .rch-scenario-output-body {
            height: 466px;
            max-height: none;
        }

        .rch-platform-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-client-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-ai-connect-lab {
            grid-template-columns: 1fr;
            gap: 126px;
        }

        .rch-ai-connect-panel {
            grid-template-columns: 1fr;
            gap: 52px;
        }

        .rch-ai-connect-head {
            max-width: 680px;
        }

        .rch-ai-chat-stack {
            min-height: 500px;
        }

        .rch-memory-visual {
            width: min(100%, 620px);
            margin: 0 auto;
        }

        .rch-intel-card {
            right: 0;
            width: min(100%, 560px);
        }
    }

    @media (max-width: 767px) {
        .rch-container {
            width: min(100% - 28px, 1240px);
        }

        .rch-section {
            padding: 72px 0;
        }

        .rch-command-system .rch-hero-system {
            grid-template-columns: 1fr;
            gap: 46px;
        }

        .rch-command-system .rch-system-column,
.rch-command-system .rch-system-outcomes {
            grid-template-columns: 1fr;
        }

        .rch-command-system .rch-system-middle::before,
.rch-command-system .rch-system-middle::after {
            left: 50%;
            right: auto;
            content: "";
            transform: translateX(-50%);
        }

        .rch-command-system .rch-system-middle::before {
            top: -43px;
        }

        .rch-command-system .rch-system-middle::after {
            top: auto;
            bottom: -43px;
        }

        .rch-title-xl {
            font-size: clamp(52px, 15vw, 82px);
        }

        .rch-gradient-text {
            display: inline;
            padding-right: .08em;
            margin-right: -.08em;
            white-space: normal;
        }

        .rch-title-lg {
            font-size: clamp(34px, 10vw, 52px);
        }

        #interactive-report .rch-scenario-gpt {
            zoom: .62;
        }

        .rch-lede {
            font-size: 17px;
        }

        .rch-hero {
            min-height: auto;
            padding: 104px 0 84px;
        }

        .rch-centralizer-visual {
            position: relative;
            top: auto;
            right: auto;
            left: auto;
            width: 100%;
            min-height: auto;
            transform: none;
        }

        .rch-hero-system {
            gap: 38px;
        }

        .rch-system-column {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 10px;
        }

        .rch-system-outcomes {
            grid-template-columns: 1fr;
        }

        .rch-system-item,
.rch-system-output {
            min-height: 0;
            padding: 15px;
        }

        .rch-system-core {
            padding: 15px;
        }

        .rch-system-core-head {
            gap: 10px;
        }


        .rch-scenario-gpt-top {
            grid-template-columns: 82px minmax(0, 1fr) auto;
        }

        .rch-scenario-gpt-title small {
            display: none;
        }

        .rch-report-kpis {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-report-bottom,
.rch-platform-grid {
            grid-template-columns: 1fr;
        }

        .rch-client-stage {
            padding: 18px;
        }

        .rch-client-stage-head {
            align-items: flex-start;
            flex-direction: column;
            gap: 12px;
        }

        .rch-client-grid {
            grid-template-columns: 1fr;
        }

        .rch-ai-connect-lab {
            gap: 108px;
        }

        .rch-ai-chat-stack {
            min-height: 405px;
            max-height: 405px;
        }

        .rch-ai-chat-stack > .rch-client-card {
            height: 312px;
            min-height: 0;
            max-height: 312px;
            overflow: hidden;
        }

        .rch-ai-chat-stack .rch-chatgpt-ui,
        .rch-ai-chat-stack .rch-codex-ui,
        .rch-ai-chat-stack .rch-claude-ui,
        .rch-ai-chat-stack .rch-grok-ui {
            min-height: 260px;
            max-height: 260px;
            overflow: hidden;
        }

        .rch-agent-connection-grid {
            grid-template-columns: 1fr;
            gap: 28px;
            min-height: auto;
        }

        .rch-agent-connection-visual {
            min-height: auto;
        }

        .rch-agent-connector-svg {
            display: none;
        }

        .rch-agent-source-list {
            gap: 10px;
        }

        .rch-agent-hub {
            display: none;
            min-height: auto;
        }

        .rch-assistant-flow {
            position: relative;
            min-height: auto;
            display: grid;
            gap: 18px;
            grid-template-columns: 1fr;
            grid-template-rows: none;
            justify-items: center;
            padding: 22px 16px;
        }

        .rch-assistant-svg {
            display: none;
        }

        .rch-assistant-node.branch,
.rch-assistant-node.notify,
.rch-assistant-node.followup {
            display: none;
        }

        .rch-assistant-node {
            position: relative;
            grid-column: auto !important;
            grid-row: auto !important;
            height: auto;
            min-height: auto;
            align-self: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            width: min(320px, 100%);
            transform: none !important;
        }

        .rch-assistant-node.start::after,
.rch-assistant-node.context::after,
.rch-assistant-node.action::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 2px;
            height: 18px;
            border-radius: 999px;
            background: rgba(110, 0, 190, .18);
            transform: translateX(-50%);
        }

        .rch-ai-stack > .rch-client-card {
            width: 70%;
        }

        .rch-ai-chat-stack > .rch-client-card {
            width: 66%;
            height: 312px;
            min-height: 0;
            max-height: 312px;
        }

        .rch-ai-stack > .rch-client-card:nth-child(2) {
            transform: translate(68px, 40px) rotate(-1.4deg) scale(.985);
        }

        .rch-ai-stack > .rch-client-card:nth-child(3) {
            transform: translate(136px, 80px) rotate(1.2deg) scale(.97);
        }

        .rch-ai-stack > .rch-client-card:nth-child(4) {
            transform: translate(204px, 120px) rotate(3.8deg) scale(.955);
        }

        .rch-ai-chat-stack > .rch-client-card:nth-child(1) {
            transform: translate(0, 0) rotate(-4deg) scale(.92);
        }

        .rch-ai-chat-stack > .rch-client-card:nth-child(2) {
            transform: translate(70px, 43px) rotate(-1.4deg) scale(.905);
        }

        .rch-ai-chat-stack > .rch-client-card:nth-child(3) {
            transform: translate(140px, 86px) rotate(1.2deg) scale(.89);
        }

        .rch-ai-chat-stack > .rch-client-card:nth-child(4) {
            transform: translate(210px, 129px) rotate(3.8deg) scale(.875);
        }

        .rch-claude-agent-ui,
.rch-cursor-agent-ui {
            grid-template-columns: 1fr;
        }

        .rch-grok-shell {
            grid-template-columns: 92px minmax(0, 1fr);
        }

        .rch-claude-agent-side,
.rch-cursor-agent-files {
            border-right: 0;
            border-bottom: 1px solid rgba(16, 24, 40, .08);
        }

        .rch-cursor-agent-main {
            grid-template-rows: 32px minmax(240px, 1fr) 165px;
        }

        .rch-client-card:last-child {
            grid-column: auto;
        }

        .rch-intel-card {
            position: relative;
            inset: auto;
            width: min(100%, 620px);
            min-height: 540px;
            margin: 0 auto;
        }

        .rch-intel-circle {
            left: 50%;
            margin-left: 0;
            transform: translateX(-50%) scale(.86);
            transform-origin: top center;
        }
    }

    @media (max-width: 520px) {

        .rch-command-system .rch-hero-system {
            grid-template-columns: 1fr;
            gap: 46px;
        }

        .rch-command-system .rch-system-middle::before,
.rch-command-system .rch-system-middle::after {
            left: 50%;
            right: auto;
            content: "";
            transform: translateX(-50%);
        }

        .rch-command-system .rch-system-middle::before {
            top: -43px;
        }

        .rch-command-system .rch-system-middle::after {
            top: auto;
            bottom: -43px;
        }

        #interactive-report .rch-scenario-gpt {
            zoom: .48;
        }


        .rch-report-head {
            align-items: flex-start;
            flex-direction: column;
        }

        .rch-report-bottom {
            grid-template-columns: 1fr;
        }

        .rch-memory-visual {
            min-height: 370px;
        }

        .rch-intel-card {
            width: 100%;
            min-height: 365px;
        }

        .rch-intel-circle {
            transform: translateX(-50%) scale(.58);
            transform-origin: top center;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        html {
            scroll-behavior: auto;
        }

        #interactive-report .rch-ai-scenario-panel {
            position: relative;
            opacity: 1;
            pointer-events: auto;
            transform: none;
            animation: none !important;
        }

        .rch-typing span,
.rch-chart-line,
.rch-chart-area,
.rch-product-track span {
            animation: none !important;
        }
    }


:root {
        --rcl-bg: #ffffff;
        --rcl-text: #101828;
        --rcl-text-soft: #475467;
        --rcl-muted: #667085;
        --rcl-purple: #6e00be;
        --rcl-blue: #1a8bff;
        --rcl-pink: #ff2171;
        --rcl-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rcl-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    .rcl-page {
        overflow: hidden;
        background: var(--rcl-bg);
        color: var(--rcl-text);
        font-family: var(--rcl-font);
    }

    .rcl-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rcl-hero {
        min-height: calc(100vh - 40px);
        padding: 178px 0 106px;
        background:
            radial-gradient(circle at 15% 18%, rgba(110, 0, 190, .12), transparent 32%),
            radial-gradient(circle at 82% 12%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fafbff 72%, #fff);
    }

    .rcl-hero-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 78px;
        align-items: start;
    }

    .rcl-title {
        max-width: 620px;
        margin: 0;
        color: var(--rcl-text);
        font-size: clamp(58px, 6.2vw, 95px);
        font-weight: 780;
        letter-spacing: -.055em;
        line-height: .98;
    }

    .rcl-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-right: .08em;
        padding-bottom: .08em;
        margin-top: -.04em;
        margin-right: -.08em;
        margin-bottom: -.08em;
        overflow: visible;
        color: var(--rcl-purple);
        background: linear-gradient(110deg, var(--rcl-purple), var(--rcl-blue) 65%, var(--rcl-pink));
        background-clip: text;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .rcl-lede {
        max-width: 620px;
        margin: 30px 0 0;
        color: var(--rcl-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rcl-copy {
        max-width: 620px;
        margin: 18px 0 0;
        color: var(--rcl-muted);
        font-size: 16px;
        line-height: 1.7;
    }

    .rcl-copy a,
.rcl-form-links a {
        color: var(--rcl-purple);
        font-weight: 750;
        text-decoration: none;
        cursor: pointer;
    }

    .rcl-form-card {
        padding: 30px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background:
            radial-gradient(circle at 18% 10%, rgba(110, 0, 190, .06), transparent 32%),
            radial-gradient(circle at 90% 88%, rgba(26, 139, 255, .06), transparent 30%),
            #fff;
        box-shadow: var(--rcl-shadow);
    }

    .rcl-form-grid {
        display: grid;
        gap: 24px;
    }

    .rcl-form-field {
        position: relative;
    }

    .rcl-form-field input {
        width: 100%;
        height: 54px;
        padding: 20px 14px 8px;
        border: 1px solid rgba(231, 234, 243, .96);
        border-radius: 16px;
        outline: none;
        background: rgba(255, 255, 255, .88);
        color: var(--rcl-text);
        font-size: 14px;
        font-weight: 750;
        transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .rcl-form-field label {
        position: absolute;
        top: 9px;
        left: 14px;
        margin: 0;
        color: var(--rcl-muted);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .06em;
        line-height: 1;
        text-transform: uppercase;
        pointer-events: none;
    }

    .rcl-form-field input:focus {
        border-color: rgba(110, 0, 190, .35);
        background: #fff;
        box-shadow: 0 0 0 4px rgba(110, 0, 190, .07);
    }

    .rcl-submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 48px;
        border: 0;
        border-radius: 999px;
        color: #fff !important;
        background: linear-gradient(110deg, var(--rcl-purple), var(--rcl-blue));
        box-shadow: 0 18px 34px rgba(110, 0, 190, .18);
        font-size: 14px;
        font-weight: 900;
        text-decoration: none !important;
        cursor: pointer;
    }

    .rcl-form-links {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 42px;
    }

    .rcl-form-links a {
        display: block;
        color: #98a2b3 !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.4;
        text-align: center;
        text-decoration: none !important;
    }

    .rcl-totp-title {
        margin: 0 0 18px;
        color: var(--rcl-text);
        font-size: 28px;
        line-height: 1.02;
        letter-spacing: -.055em;
    }

    .rcl-modal .modal-dialog {
        max-width: 560px;
    }

    .rcl-modal,
.rcl-modal input,
.rcl-modal button,
.rcl-modal a {
        font-family: var(--rcl-font);
    }

    .rcl-modal .modal-content {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background:
            radial-gradient(circle at 18% 10%, rgba(110, 0, 190, .06), transparent 32%),
            radial-gradient(circle at 90% 88%, rgba(26, 139, 255, .06), transparent 30%),
            #fff;
        box-shadow: var(--rcl-shadow);
    }

    .rcl-modal .modal-header {
        padding: 28px 30px 12px;
        border-bottom: 0;
    }

    .rcl-modal .modal-title {
        color: var(--rcl-text);
        font-size: 30px;
        font-weight: 780;
        line-height: 1.02;
        letter-spacing: -.055em;
    }

    .rcl-modal .modal-body {
        padding: 10px 30px 22px;
    }

    .rcl-modal-copy {
        margin: 16px 0 0;
        color: #98a2b3;
        font-size: 13px;
        line-height: 1.55;
    }

    .rcl-modal .modal-footer {
        display: block;
        padding: 0 30px 30px;
        border-top: 0;
    }

    .rcl-modal .modal-footer .rcl-submit {
        width: 100%;
    }

    .rcl-footer-spacer {
        padding: 42px 0 0;
        background: #fff;
    }

    @media (max-width: 991px) {
        .rcl-hero {
            padding: 140px 0 86px;
        }

        .rcl-hero-grid {
            grid-template-columns: 1fr;
            gap: 42px;
        }

        .rcl-title {
            font-size: clamp(48px, 13vw, 74px);
        }
    }

    @media (max-width: 767px) {
        .rcl-container {
            width: min(100% - 28px, 1240px);
        }

        .rcl-form-card {
            padding: 22px;
        }

        .rcl-form-links {
            grid-template-columns: 1fr;
        }
    }


.rc-simple-page {
        overflow: hidden;
        min-height: 100vh;
        background: #fff;
        color: #101828;
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .rc-simple-container {
        width: min(100% - 40px, 1040px);
        margin: 0 auto;
    }

    .rc-simple-hero {
        padding: 158px 0 56px;
        background:
            radial-gradient(circle at 14% 18%, rgba(110, 0, 190, .11), transparent 32%),
            radial-gradient(circle at 88% 10%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fbfcff 76%, #fff);
    }

    .rc-simple-title {
        max-width: 860px;
        margin: 0;
        color: #101828;
        font-size: clamp(54px, 8vw, 104px);
        font-weight: 820;
        letter-spacing: -.064em;
        line-height: .94;
    }

    .rc-simple-lede {
        max-width: 760px;
        margin: 26px 0 0;
        color: #475467;
        font-size: 19px;
        line-height: 1.65;
    }

    .rc-simple-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 34px;
    }

    .rc-simple-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        padding: 0 20px;
        border: 1px solid #dac7ff;
        border-radius: 999px;
        color: #101828;
        background: #fff;
        box-shadow: 0 10px 24px rgba(16, 24, 40, .06);
        font-size: 14px;
        font-weight: 760;
        text-decoration: none;
    }

    .rc-simple-btn:hover {
        color: #101828;
        text-decoration: none;
        transform: translateY(-1px);
    }

    .rc-simple-section {
        padding: 34px 0 92px;
    }

    .rc-legal-page .rc-simple-hero {
        padding: 150px 0 36px;
        background: #fff;
    }

    .rc-legal-page .rc-simple-section {
        padding: 24px 0 92px;
    }

    .rc-legal-page .rc-simple-title {
        max-width: 940px;
        font-size: clamp(46px, 7vw, 82px);
    }

    .rc-legal-page .rc-policy-stack {
        max-width: 900px;
    }

    .rc-success-page .rc-simple-hero {
        padding: 158px 0 42px;
        background:
            radial-gradient(circle at 14% 18%, rgba(110, 0, 190, .10), transparent 32%),
            radial-gradient(circle at 88% 10%, rgba(26, 139, 255, .09), transparent 30%),
            linear-gradient(180deg, #fff, #fbfcff 76%, #fff);
    }

    .rc-success-page .rc-simple-section {
        padding: 24px 0 92px;
    }

    .rc-success-panel {
        max-width: 960px;
        padding: clamp(24px, 4vw, 42px);
        border: 1px solid rgba(231, 234, 243, .96);
        border-radius: 34px;
        background: #fff;
        box-shadow: 0 22px 70px rgba(16, 24, 40, .07);
    }

    .rc-success-steps {
        display: grid;
        gap: 18px;
    }

    .rc-success-step {
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
        padding: 20px;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 24px;
        background: #fbfcff;
    }

    .rc-success-step small {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border-radius: 999px;
        color: #6e00be;
        background: #f3ecff;
        font-size: 12px;
        font-weight: 950;
        letter-spacing: -.02em;
    }

    .rc-success-step h2 {
        margin: 0;
        color: #101828;
        font-size: 22px;
        font-weight: 820;
        letter-spacing: -.04em;
        line-height: 1.08;
    }

    .rc-success-step p {
        margin: 8px 0 0;
        color: #475467;
        font-size: 15px;
        line-height: 1.68;
    }

    .rc-success-link-list {
        display: grid;
        gap: 7px;
        margin: 14px 0 0;
        padding: 0;
        list-style: none;
    }

    .rc-success-link-list li {
        margin: 0;
    }

    .rc-success-link-list a,
.rc-success-help a {
        color: #6e00be;
        font-size: 14px;
        font-weight: 780;
        text-decoration: none;
    }

    .rc-success-link-list a:hover,
.rc-success-help a:hover {
        text-decoration: underline;
    }

    .rc-success-help {
        margin-top: 24px;
        padding: 22px 24px;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 24px;
        background: #fff;
    }

    .rc-success-help h2 {
        margin: 0;
        color: #101828;
        font-size: 22px;
        font-weight: 820;
        letter-spacing: -.04em;
        line-height: 1.08;
    }

    .rc-success-help p {
        margin: 8px 0 0;
        color: #475467;
        font-size: 15px;
        line-height: 1.68;
    }

    .rc-policy-stack {
        display: grid;
        gap: 30px;
    }

    .rc-policy-block h2 {
        margin: 0;
        color: #101828;
        font-size: clamp(22px, 3vw, 30px);
        font-weight: 820;
        letter-spacing: -.045em;
        line-height: 1.05;
    }

    .rc-policy-block p {
        margin: 12px 0 0;
        color: #475467;
        font-size: 16px;
        line-height: 1.78;
    }

    .rc-policy-block a {
        color: #6e00be;
        font-weight: 750;
        text-decoration: none;
    }

    .rc-policy-block a:hover {
        text-decoration: underline;
    }

    .rc-oauth-container {
        width: min(100% - 40px, 760px);
        margin: 0 auto;
    }

    .rc-oauth-page {
        display: grid;
        min-height: 100vh;
        place-items: center;
        padding: clamp(28px, 5vw, 56px) 0;
        background:
            radial-gradient(circle at 18% 18%, rgba(110, 0, 190, .11), transparent 32%),
            radial-gradient(circle at 86% 14%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fbfcff 74%, #fff);
    }

    .rc-oauth-center {
        width: 100%;
    }

    .rc-oauth-card {
        padding: clamp(26px, 5vw, 42px);
        border: 1px solid rgba(231, 234, 243, .96);
        border-radius: 34px;
        background:
            radial-gradient(circle at 16% 0%, rgba(110, 0, 190, .06), transparent 34%),
            radial-gradient(circle at 100% 94%, rgba(26, 139, 255, .06), transparent 28%),
            #fff;
        box-shadow: 0 24px 74px rgba(16, 24, 40, .10);
    }

    .rc-oauth-brand {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 22px;
        color: #101828;
        font-size: 30px;
        font-weight: 920;
        letter-spacing: -.072em;
        line-height: 1;
    }

    .rc-oauth-card h2 {
        margin: 0;
        color: #101828;
        font-size: clamp(30px, 5vw, 46px);
        font-weight: 820;
        letter-spacing: -.058em;
        line-height: 1;
    }

    .rc-oauth-card p {
        margin: 14px 0 0;
        color: #667085;
        font-size: 15px;
        line-height: 1.7;
    }

    .rc-oauth-card strong {
        color: #101828;
        font-weight: 850;
    }

    .rc-oauth-form {
        display: grid;
        gap: 22px;
        margin-top: 28px;
    }

    .rc-oauth-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-top: 30px;
    }

    .rc-oauth-button,
.rc-oauth-button-soft {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 0 22px;
        border: 0;
        border-radius: 999px;
        font-size: 14px;
        font-weight: 900;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
    }

    .rc-oauth-button {
        color: #fff !important;
        background: linear-gradient(110deg, #6e00be, #1a8bff);
        box-shadow: 0 18px 34px rgba(110, 0, 190, .18);
    }

    .rc-oauth-button-soft {
        border: 1px solid rgba(231, 234, 243, .96);
        color: #475467 !important;
        background: #fff;
    }

    .rc-oauth-scope {
        display: grid;
        gap: 10px;
        margin-top: 26px;
        padding: 18px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 22px;
        background: rgba(248, 250, 255, .78);
    }

    .rc-oauth-scope span {
        color: #98a2b3;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: .12em;
        line-height: 1;
        text-transform: uppercase;
    }

    .rc-oauth-scope em {
        color: #101828;
        font-size: 14px;
        font-style: normal;
        font-weight: 750;
        line-height: 1.45;
        word-break: break-word;
    }

    .rc-oauth-processing {
        margin-top: 26px;
        color: #667085;
        font-size: 14px;
        font-weight: 750;
        text-align: center;
    }

    @media (max-width: 767px) {
        .rc-simple-container,
.rc-oauth-container {
            width: min(100% - 28px, 1040px);
        }

        .rc-simple-hero {
            padding: 136px 0 42px;
        }

        .rc-simple-title {
            font-size: clamp(46px, 14vw, 70px);
        }

        .rc-simple-lede {
            font-size: 17px;
        }

        .rc-oauth-actions {
            grid-template-columns: 1fr;
        }
    }


:root {
        --rcp-bg: #ffffff;
        --rcp-bg-soft: #f7f8fc;
        --rcp-text: #101828;
        --rcp-text-soft: #475467;
        --rcp-muted: #667085;
        --rcp-purple: #6e00be;
        --rcp-purple-soft: #f3ecff;
        --rcp-blue: #1a8bff;
        --rcp-pink: #ff2171;
        --rcp-green: #16a34a;
        --rcp-green-soft: #ecfdf3;
        --rcp-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rcp-shadow-soft: 0 14px 42px rgba(16, 24, 40, .07);
        --rcp-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    html {
        scroll-behavior: auto;
    }

    .rcp-page {
        overflow: hidden;
        background: var(--rcp-bg);
        color: var(--rcp-text);
        font-family: var(--rcp-font);
    }

    .rcp-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rcp-hero {
        min-height: calc(100vh - 40px);
        padding: 178px 0 106px;
        background:
            radial-gradient(circle at 15% 18%, rgba(110, 0, 190, .12), transparent 32%),
            radial-gradient(circle at 82% 12%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fafbff 72%, #fff);
    }

    .rcp-hero-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 78px;
        align-items: start;
    }

    .rcp-title {
        margin: 0;
        color: var(--rcp-text);
        font-weight: 780;
        letter-spacing: -.055em;
        line-height: .98;
    }

    .rcp-title-xl {
        max-width: 620px;
        font-size: clamp(58px, 6.2vw, 95px);
    }

    .rcp-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-right: .08em;
        padding-bottom: .08em;
        margin-top: -.04em;
        margin-right: -.08em;
        margin-bottom: -.08em;
        overflow: visible;
        color: var(--rcp-purple);
        background: linear-gradient(110deg, var(--rcp-purple), var(--rcp-blue) 65%, var(--rcp-pink));
        background-clip: text;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .rcp-copy {
        margin: 0;
        color: var(--rcp-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .rcp-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 34px;
    }

    .rcp-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 0 18px;
        border: 1px solid rgba(231, 234, 243, .95);
        border-radius: 999px;
        color: var(--rcp-text-soft);
        background: #fff;
        box-shadow: 0 10px 24px rgba(16, 24, 40, .045);
        font-size: 13px;
        font-weight: 850;
        text-decoration: none !important;
    }

    .rcp-btn-primary {
        border-color: transparent;
        color: #fff;
        background: linear-gradient(110deg, var(--rcp-purple), var(--rcp-blue));
        box-shadow: 0 18px 34px rgba(110, 0, 190, .18);
    }

    .rcp-included-list {
        display: grid;
        gap: 10px;
        margin-top: 24px;
    }

    .rcp-included-list div {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        padding: 11px;
        border: 1px solid rgba(231, 234, 243, .82);
        border-radius: 16px;
        background: rgba(255, 255, 255, .78);
    }

    .rcp-included-list i {
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 999px;
        color: var(--rcp-green);
        background: var(--rcp-green-soft);
        font-size: 12px;
        font-style: normal;
        font-weight: 950;
    }

    .rcp-included-list span {
        color: var(--rcp-text);
        font-size: 13px;
        font-weight: 850;
        line-height: 1.35;
    }

    .rcp-pricing-copy .rcp-copy {
        max-width: 720px;
        margin-top: 18px;
        font-size: 18px;
    }

    .rcp-check-card {
        padding: 28px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background:
            radial-gradient(circle at 18% 10%, rgba(110, 0, 190, .06), transparent 32%),
            radial-gradient(circle at 90% 88%, rgba(26, 139, 255, .06), transparent 30%),
            #fff;
        box-shadow: var(--rcp-shadow-soft);
    }

    .rcp-check-card strong {
        display: block;
        color: var(--rcp-text);
        font-size: 28px;
        line-height: 1.02;
        letter-spacing: -.055em;
    }

    .rcp-footer-spacer {
        padding: 42px 0 0;
        background: #fff;
    }

    @media (max-width: 991px) {

        .rcp-hero {
            padding: 140px 0 86px;
        }

        .rcp-hero-grid {
            grid-template-columns: 1fr;
            gap: 42px;
        }

        .rcp-title-xl {
            font-size: clamp(48px, 13vw, 74px);
        }
    }

    @media (max-width: 767px) {
        .rcp-container {
            width: min(100% - 28px, 1240px);
        }

        .rcp-check-card { padding: 22px; }
    }


:root {
        --rch-bg: #ffffff;
        --rch-bg-soft: #f7f8fc;
        --rch-bg-lavender: #fbf9ff;
        --rch-text: #101828;
        --rch-text-soft: #475467;
        --rch-muted: #667085;
        --rch-line: #e7eaf3;
        --rch-purple: #6e00be;
        --rch-purple-2: #8b5cf6;
        --rch-purple-soft: #f3ecff;
        --rch-blue: #1a8bff;
        --rch-blue-soft: #eef6ff;
        --rch-pink: #ff2171;
        --rch-green: #16a34a;
        --rch-green-soft: #ecfdf3;
        --rch-orange: #f97316;
        --rch-orange-soft: #fff7ed;
        --rch-red: #ef4444;
        --rch-red-soft: #fef2f2;
        --rch-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rch-shadow-soft: 0 14px 42px rgba(16, 24, 40, .07);
        --rch-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    html {
        scroll-behavior: auto;
    }

    .rch-page {
        overflow: hidden;
        background: var(--rch-bg);
        color: var(--rch-text);
        font-family: var(--rch-font);
    }

    .rch-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rch-section {
        position: relative;
        padding: 112px 0;
    }

    .rch-hero {
        padding: 178px 0 104px;
        background:
            radial-gradient(circle at 15% 20%, rgba(110, 0, 190, .11), transparent 32%),
            radial-gradient(circle at 82% 12%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fafbff 72%, #fff);
    }

    .rch-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1120px);
        gap: 0;
        align-items: center;
    }

    .rch-title {
        margin: 18px 0 0;
        color: var(--rch-text);
        font-weight: 740;
        letter-spacing: -.045em;
        line-height: 1.02;
    }

    .rch-title-xl {
        max-width: 1060px;
        font-size: clamp(62px, 7.1vw, 95px);
    }

    .rch-title-xl .rch-gradient-text {
        white-space: normal;
    }

    .rch-title-lg {
        font-size: clamp(38px, 5vw, 68px);
    }

    .rch-title-lg .rch-gradient-text {
        display: inline;
        padding-right: .04em;
        margin-right: 0;
        white-space: normal;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    .rch-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-right: .08em;
        padding-bottom: .08em;
        margin-top: -.04em;
        margin-right: -.08em;
        margin-bottom: -.08em;
        overflow: visible;
        color: var(--rch-purple);
        background: linear-gradient(110deg, var(--rch-purple), var(--rch-blue) 65%, var(--rch-pink));
        background-clip: text;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .rch-lede {
        max-width: 720px;
        margin: 30px 0 0;
        color: var(--rch-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rch-copy {
        color: var(--rch-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .rch-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        background: var(--rch-purple-soft);
        color: var(--rch-purple);
        font-size: 13px;
        font-weight: 850;
        letter-spacing: .01em;
        white-space: nowrap;
    }

    .rch-anchor-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 34px;
    }

    .rch-anchor-row a,
.rch-doc-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 14px;
        border: 1px solid rgba(231, 234, 243, .95);
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: #fff;
        box-shadow: 0 10px 24px rgba(16, 24, 40, .045);
        font-size: 12px;
        font-weight: 850;
        text-decoration: none !important;
    }

    .rch-doc-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin: -30px 0 46px;
    }

    .rch-section-eyebrow {
        margin-bottom: 18px;
    }

    .rch-section-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 470px);
        gap: 48px;
        align-items: center;
        margin-bottom: 56px;
    }

    .rch-section-head .rch-title {
        margin-top: 0;
    }

    .rch-section-head .rch-copy {
        align-self: center;
        margin: 0;
    }

    .rch-window-dots {
        display: flex;
        gap: 7px;
        padding-left: 18px;
    }

    .rch-window-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-window-dots span:nth-child(1) {
        background: #ff5f57;
    }

    .rch-window-dots span:nth-child(2) {
        background: #ffbd2e;
    }

    .rch-window-dots span:nth-child(3) {
        background: #28c840;
    }

    .rch-module-card small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-module-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .rch-module-card {
        min-height: 245px;
        padding: 24px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 26px;
        background: rgba(255, 255, 255, .92);
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-module-card strong {
        display: block;
        margin-top: 14px;
        color: var(--rch-text);
        font-size: 24px;
        line-height: 1.08;
        letter-spacing: -.05em;
    }

    .rch-module-card p {
        margin: 12px 0 0;
        color: var(--rch-text-soft);
        font-size: 14px;
        line-height: 1.62;
    }

    .rch-event-notation-card {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 28px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-event-notation-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 62px;
        padding: 0 20px;
        border-bottom: 1px solid var(--rch-line);
    }

    .rch-event-notation-head strong {
        color: var(--rch-text);
        font-size: 14px;
        line-height: 1.1;
    }

    .rch-event-notation-head span {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 9px;
        font-weight: 950;
        white-space: nowrap;
    }

    .rch-event-notation-list {
        display: grid;
        gap: 8px;
        max-height: 379px;
        overflow-y: auto;
        padding: 10px 16px 16px;
        background: linear-gradient(180deg, rgba(247, 248, 252, .64), rgba(255, 255, 255, .95));
    }

    .rch-email-trigger-list .rch-event-notation-list {
        padding-top: 10px;
    }

    .rch-event-notation-row {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 10px 12px;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 14px;
        background: #fff;
    }

    .rch-event-notation-row span {
        color: var(--rch-muted);
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-event-notation-row code {
        overflow: hidden;
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rch-sales-stack {
        display: grid;
        gap: 148px;
        align-items: start;
    }

    .rch-sales-subsection {
        display: grid;
        grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
        gap: 78px;
        align-items: center;
        min-width: 0;
        overflow: visible;
    }

    .rch-sales-copy small {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        margin: 0 0 18px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
    }

    .rch-sales-copy > strong {
        display: block;
        margin: 0;
        color: var(--rch-text);
        font-size: clamp(34px, 4vw, 56px);
        line-height: .94;
        letter-spacing: -.065em;
    }

    .rch-sales-copy p {
        max-width: none;
        margin: 18px 0 0;
        color: var(--rch-muted);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-sales-copy .rch-check-list {
        margin-top: 24px;
    }

    .rch-create-visual,
.rch-sales-plain-visual {
        width: 100%;
    }

    .rch-create-flow {
        display: grid;
        gap: 16px;
    }

    .rch-create-sources {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-shipping-fulfillment-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-shipping-fulfillment-flow .rch-create-source {
        grid-template-columns: 1fr;
        align-items: start;
        background: #fff;
    }

    .rch-shipping-fulfillment-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-product-catalog-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-product-catalog-flow .rch-create-source {
        grid-template-columns: 1fr;
        align-items: start;
        background: #fff;
    }

    .rch-product-catalog-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-create-source,
.rch-recovery-node {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 13px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 17px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-create-source i,
.rch-recovery-node i {
        display: grid;
        width: 40px;
        height: 40px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-create-source strong,
.rch-recovery-node strong {
        display: block;
        color: var(--rch-text);
        font-size: 14px;
        line-height: 1.12;
        letter-spacing: -.02em;
    }

    .rch-create-source span,
.rch-recovery-node span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.4;
    }

    .rch-function-edit-window {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 16% 12%, rgba(110, 0, 190, .08), transparent 32%),
            #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-function-edit-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 58px;
        padding: 0 20px;
        border-bottom: 1px solid var(--rch-line);
        color: var(--rch-muted);
        font-size: 12px;
        font-weight: 850;
    }

    .rch-function-edit-body {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
        gap: 16px;
        padding: 22px;
        background: rgba(247, 248, 252, .52);
    }

    .rch-function-edit-panel {
        display: grid;
        gap: 13px;
        padding: 17px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 22px;
        background: rgba(255, 255, 255, .86);
    }

    .rch-function-edit-label {
        color: var(--rch-muted);
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-function-edit-input,
.rch-function-edit-select {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 0 13px;
        border: 1px solid #e4e7ef;
        border-radius: 14px;
        color: var(--rch-text);
        background: #fff;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-function-edit-textarea {
        min-height: 78px;
        padding: 12px 13px;
        border: 1px solid #e4e7ef;
        border-radius: 14px;
        color: var(--rch-text-soft);
        background: #fff;
        font-size: 12px;
        font-weight: 750;
        line-height: 1.42;
    }

    .rch-function-edit-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 13px;
        padding: 12px 13px;
        border: 1px solid rgba(34, 197, 94, .20);
        border-radius: 16px;
        background: var(--rch-green-soft);
    }

    .rch-function-edit-toggle strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.1;
    }

    .rch-function-edit-toggle span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-function-checkbox {
        display: grid;
        flex: 0 0 auto;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: var(--rch-green);
        font-size: 15px;
        font-weight: 950;
    }

    .rch-function-edit-select {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .rch-function-edit-select::after {
        content: "";
        color: var(--rch-muted);
        font-size: 13px;
        font-weight: 950;
    }

    .rch-function-trigger-card {
        display: grid;
        align-content: start;
        gap: 14px;
        padding: 18px;
        border: 1px solid rgba(110, 0, 190, .16);
        border-radius: 22px;
        background:
            radial-gradient(circle at 12% 16%, rgba(110, 0, 190, .09), transparent 34%),
            #fff;
    }

    .rch-function-trigger-card strong {
        color: var(--rch-text);
        font-size: 16px;
        letter-spacing: -.035em;
    }

    .rch-function-trigger-card span {
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.42;
    }

    .rch-function-trigger-pill {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        min-height: 27px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 9px;
        font-weight: 950;
    }

    .rch-function-trigger-path {
        display: grid;
        gap: 8px;
    }

    .rch-function-trigger-path-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 43px;
        padding: 0 12px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 14px;
        background: rgba(247, 248, 252, .76);
        color: var(--rch-text);
        font-size: 12px;
        font-weight: 900;
    }

    .rch-function-trigger-path-item em {
        color: var(--rch-muted);
        font-size: 10px;
        font-style: normal;
        font-weight: 850;
    }

    .rch-function-trigger-arrow {
        justify-self: center;
        color: var(--rch-purple);
        font-size: 18px;
        font-weight: 950;
        line-height: 1;
        opacity: .55;
    }

    .rch-function-url-log {
        overflow: hidden;
        border: 1px solid rgba(15, 23, 42, .10);
        border-radius: 28px;
        background: #0f172a;
        box-shadow: 0 24px 70px rgba(2, 6, 23, .20);
    }

    .rch-function-url-log-top {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        min-height: 52px;
        padding: 0 16px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: #cbd5e1;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-function-url-endpoint {
        overflow: hidden;
        padding: 7px 10px;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 10px;
        color: #93c5fd;
        background: rgba(15, 23, 42, .75);
        font-family: Menlo, Monaco, "Courier New", monospace;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rch-function-url-status {
        color: #86efac;
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-function-url-log-body {
        display: grid;
        gap: 10px;
        padding: 18px;
    }

    .rch-function-log-row {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 15px;
        background: rgba(255, 255, 255, .045);
        color: #cbd5e1;
        font-size: 11px;
    }

    .rch-function-log-row code {
        color: #7dd3fc;
        font-family: Menlo, Monaco, "Courier New", monospace;
        font-size: 10px;
    }

    .rch-function-log-row strong {
        display: block;
        color: #f8fafc;
        font-size: 12px;
        line-height: 1.1;
    }

    .rch-function-log-row span {
        display: block;
        margin-top: 4px;
        color: #94a3b8;
        line-height: 1.35;
    }

    .rch-function-log-row em {
        color: #86efac;
        font-size: 9px;
        font-style: normal;
        font-weight: 950;
        white-space: nowrap;
    }

    .rch-template-function-flow {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        align-items: stretch;
    }

    .rch-template-function-card {
        position: relative;
        display: grid;
        grid-template-rows: 38px 38px minmax(84px, 1fr) 112px;
        align-content: stretch;
        gap: 10px;
        min-height: 310px;
        padding: 18px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 22px;
        background: #fff;
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-template-function-card:nth-child(1) {
        border-color: rgba(231, 234, 243, .92);
        background: #fff;
    }

    .rch-template-function-card:nth-child(2) {
        border-color: rgba(231, 234, 243, .92);
        background: #fff;
    }

    .rch-template-function-card:nth-child(3) {
        border-color: rgba(231, 234, 243, .92);
        background: #fff;
    }

    .rch-template-function-card:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -15px;
        z-index: 2;
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        color: var(--rch-purple);
        background: #fff;
        box-shadow: 0 10px 22px rgba(16, 24, 40, .10);
        font-size: 15px;
        font-weight: 950;
        transform: translateY(-50%);
    }

    .rch-template-function-card i {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 13px;
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-template-function-card:nth-child(1) i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-template-function-card:nth-child(2) i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-template-function-card:nth-child(3) i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-template-function-card strong {
        color: var(--rch-text);
        font-size: 16px;
        line-height: 1.08;
        letter-spacing: -.035em;
        align-self: start;
    }

    .rch-template-function-card span {
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.44;
        align-self: start;
    }

    .rch-template-function-card code {
        display: block;
        width: fit-content;
        max-width: 100%;
        padding: 7px 9px;
        border-radius: 10px;
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
        font-size: 10px;
        font-weight: 900;
        white-space: nowrap;
    }

    .rch-template-function-card pre {
        margin: 2px 0 0;
        min-height: 112px;
        max-height: 112px;
        padding: 12px;
        border-radius: 14px;
        color: #d4d4d4;
        background: #1e1e1e;
        font-family: Menlo, Monaco, "Courier New", monospace;
        font-size: 9.5px;
        line-height: 1.55;
        overflow: hidden;
        white-space: pre-wrap;
    }

    .rch-email-builder-window {
        overflow: hidden;
        border: 1px solid rgba(214, 218, 228, .94);
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 28px 80px rgba(16, 24, 40, .14);
    }

    .rch-email-builder-top {
        display: grid;
        grid-template-columns: 82px minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        min-height: 54px;
        padding: 0 18px 0 0;
        border-bottom: 1px solid #d9dde6;
        background: #f8fafc;
        color: #667085;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-email-builder-title {
        display: flex;
        align-items: center;
        min-width: 0;
        color: #1f2937;
        font-size: 12px;
        font-weight: 900;
    }

    .rch-email-builder-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #667085;
        font-size: 10px;
        font-weight: 900;
        white-space: nowrap;
    }

    .rch-email-builder-status::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: var(--rch-green);
        box-shadow: 0 0 0 4px var(--rch-green-soft);
    }

    .rch-email-builder-menu {
        display: flex;
        align-items: center;
        gap: 18px;
        min-height: 39px;
        padding: 0 16px;
        color: #1f2937;
        background: #fff;
        font-size: 10px;
        font-weight: 760;
    }

    .rch-email-design-toolbar {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        min-height: 51px;
        padding: 8px 15px;
        border-bottom: 1px solid #d9dde6;
        background: #fff;
    }

    .rch-email-tool-icon {
        display: grid;
        min-width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 4px;
        color: #1f2937;
        font-size: 16px;
        line-height: 1;
        font-weight: 850;
    }

    .rch-email-tool-icon.is-active {
        color: #123f67;
        background: #d8e9fb;
    }

    .rch-email-tool-icon.is-select {
        min-width: 40px;
        justify-content: center;
        gap: 2px;
        color: #394150;
        font-size: 12px;
    }

    .rch-email-tool-sep {
        width: 1px;
        height: 22px;
        margin: 0 4px;
        background: #e1e4ea;
    }

    .rch-email-builder-body {
        display: grid;
        grid-template-columns: minmax(64px, 1fr) minmax(360px, 520px) minmax(64px, 1fr);
        min-height: 500px;
        border-top: 1px solid #eef0f4;
        background: #303030;
    }

    .rch-email-editor-gutter {
        position: relative;
        background: #303030;
    }

    .rch-email-editor-gutter::before {
        content: "";
        position: absolute;
        top: 108px;
        left: 0;
        right: 0;
        border-top: 1px dashed rgba(255, 255, 255, .34);
    }

    .rch-email-builder-canvas {
        position: relative;
        display: block;
        padding: 18px 34px 30px;
        background: #fff;
        box-shadow: 0 0 0 1px #d7dbe4;
    }

    .rch-email-builder-canvas::before {
        content: "table › tbody › tr › td › table › tbody › tr › td";
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 6px;
        overflow: hidden;
        color: #8a919e;
        font-size: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .rch-email-layout-row {
        position: relative;
        border: 1px dashed #d6d9df;
        background:
            repeating-linear-gradient(0deg, transparent 0 18px, rgba(148, 163, 184, .18) 18px 19px),
            #fff;
    }

    .rch-email-layout-row + .rch-email-layout-row {
        margin-top: 18px;
    }

    .rch-email-layout-header {
        display: grid;
        grid-template-columns: 140px minmax(0, 1fr);
        gap: 16px;
        min-height: 70px;
        padding: 14px 0;
    }

    .rch-email-logo-placeholder {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: fit-content;
        min-height: 42px;
        padding: 0 12px;
        color: #1f2937;
        background: transparent;
        font-size: 13px;
        font-weight: 950;
        letter-spacing: -.03em;
    }

    .rch-email-logo-placeholder i {
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-blue));
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-email-nav-placeholder {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        color: #7dd3fc;
        font-size: 10px;
        font-weight: 850;
        text-transform: uppercase;
    }

    .rch-email-selected-area {
        position: relative;
        margin-top: 18px;
        padding: 25px 0 0;
        border: 2px solid #5aa7ff;
        background:
            repeating-linear-gradient(0deg, transparent 0 21px, rgba(148, 163, 184, .22) 21px 22px),
            #fff;
    }

    .rch-email-selected-area::before,
.rch-email-selected-area::after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border: 1px solid #2984e8;
        background: #5aa7ff;
    }

    .rch-email-selected-area::before {
        top: -5px;
        left: -5px;
    }

    .rch-email-selected-area::after {
        top: -5px;
        right: -5px;
    }

    .rch-email-selected-title {
        color: #333;
        font-size: 16px;
        font-weight: 900;
        letter-spacing: -.02em;
        text-align: center;
    }

    .rch-email-order-no {
        margin-top: 18px;
        padding-right: 8px;
        color: #333;
        font-size: 10px;
        text-align: right;
    }

    .rch-email-greeting {
        margin-top: 26px;
        color: #333;
        font-size: 15px;
        font-weight: 900;
    }

    .rch-email-message-line {
        margin-top: 15px;
        color: #525866;
        font-size: 10px;
        line-height: 1.5;
    }

    .rch-email-divider {
        height: 2px;
        margin: 28px 0 0;
        background: #4b5563;
    }

    .rch-email-address-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        padding: 22px 28px 0;
    }

    .rch-email-address-card {
        min-height: 105px;
        padding: 10px;
        border: 1px dashed #cfd4dc;
        color: #333;
        background:
            repeating-linear-gradient(0deg, transparent 0 19px, rgba(148, 163, 184, .18) 19px 20px),
            #fff;
        font-size: 11px;
        font-weight: 850;
        line-height: 1.65;
        text-transform: uppercase;
    }

    .rch-email-address-card small {
        display: block;
        margin-bottom: 10px;
        color: #7b8190;
        font-size: 10px;
        font-weight: 760;
        text-transform: none;
    }

    .rch-email-ai-stage {
        display: grid;
        place-items: center;
    }

    .rch-email-ai-stage > div {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        row-gap: 6px;
        width: 100%;
        height: 100%;
    }

    .rch-email-ai-stage .rch-email-ai-status {
        margin-bottom: 0;
    }

    .rch-email-ai-status {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 10px;
        color: var(--rch-muted);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .rch-email-ai-status span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--rch-green);
    }

    .rch-email-ai-status span::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: var(--rch-green);
        box-shadow: 0 0 0 4px var(--rch-green-soft);
    }

    .rch-ai-email-visual {
        width: min(100%, 430px);
        margin: 0 auto;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .96);
        border-radius: 26px;
        background: #fff;
        box-shadow: 0 24px 60px rgba(16, 24, 40, .14);
    }

    .rch-email-ai-stage .rch-ai-email-visual {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 0;
        max-height: 100%;
        margin: 0;
        transform: none;
    }

    .rch-ai-email-hero {
        position: relative;
        padding: 18px;
        color: #fff;
        background:
            radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .28), transparent 22%),
            radial-gradient(circle at 12% 82%, rgba(255, 255, 255, .14), transparent 24%),
            linear-gradient(135deg, #3b0764, #6e00be 48%, #1a8bff);
    }

    .rch-ai-email-brand {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        color: rgba(255, 255, 255, .86);
        font-size: 10px;
        font-weight: 950;
    }

    .rch-ai-email-brand span:first-child {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .rch-ai-email-brand i {
        display: grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 10px;
        color: var(--rch-purple);
        background: #fff;
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-ai-email-brand em {
        font-size: 9px;
        font-style: normal;
        opacity: .72;
        text-transform: uppercase;
    }

    .rch-ai-email-hero strong {
        display: block;
        max-width: 310px;
        margin-top: 13px;
        font-size: 24px;
        line-height: .98;
        letter-spacing: -.065em;
    }

    .rch-ai-email-hero p {
        max-width: 330px;
        margin: 7px 0 0;
        color: rgba(255, 255, 255, .82);
        font-size: 10px;
        line-height: 1.42;
    }

    .rch-ai-email-body {
        display: grid;
        gap: 8px;
        align-content: start;
        min-height: 0;
        overflow: hidden;
        padding: 12px;
        background:
            radial-gradient(circle at 92% 100%, rgba(110, 0, 190, .08), transparent 32%),
            #fff;
    }

    .rch-ai-email-copy {
        padding: 10px 11px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 16px;
        background: #fff;
    }

    .rch-ai-email-copy strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.12;
    }

    .rch-ai-email-copy p {
        margin: 5px 0 0;
        color: var(--rch-text-soft);
        font-size: 9.5px;
        line-height: 1.42;
    }

    .rch-ai-email-details {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        padding: 10px 11px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 16px;
        background: rgba(248, 250, 252, .84);
    }

    .rch-ai-email-details strong,
.rch-ai-email-offer-text strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.1;
    }

    .rch-ai-email-details span,
.rch-ai-email-offer-text span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 9px;
        line-height: 1.32;
    }

    .rch-ai-email-details em {
        color: var(--rch-text);
        font-size: 12px;
        font-style: normal;
        font-weight: 950;
        white-space: nowrap;
    }

    .rch-ai-email-cta {
        display: grid;
        min-height: 34px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: var(--rch-text);
        font-size: 10px;
        font-weight: 950;
    }

    .rch-ai-email-offer-real {
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        padding: 10px;
        border: 1px solid rgba(22, 163, 74, .18);
        border-radius: 18px;
        background: linear-gradient(135deg, rgba(236, 253, 243, .92), #fff);
    }

    .rch-ai-email-product-img {
        display: grid;
        min-height: 64px;
        place-items: center;
        border-radius: 15px;
        color: var(--rch-green);
        background:
            radial-gradient(circle at 32% 24%, rgba(255, 255, 255, .90), transparent 28%),
            linear-gradient(135deg, #dcfce7, #eff6ff);
        font-size: 18px;
        font-weight: 950;
    }

    .rch-ai-email-note {
        color: #98a2b3;
        font-size: 8.5px;
        line-height: 1.35;
        text-align: center;
    }

    .rch-domain-panel {
        display: grid;
        gap: 14px;
    }

    .rch-domain-bar {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 14px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 18px;
        background: #fff;
    }

    .rch-domain-bar i {
        display: grid;
        width: 44px;
        height: 44px;
        place-items: center;
        border-radius: 14px;
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
        font-size: 16px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-domain-bar strong,
.rch-portal-action-card strong,
.rch-portal-brand-card strong {
        display: block;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.12;
    }

    .rch-domain-bar span,
.rch-portal-action-card span,
.rch-portal-brand-card span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.38;
    }

    .rch-domain-status {
        color: var(--rch-green);
        font-size: 10px;
        font-weight: 950;
        white-space: nowrap;
    }

    .rch-domain-steps,
.rch-portal-actions-grid,
.rch-portal-brand-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-domain-step,
.rch-portal-action-card,
.rch-portal-brand-card {
        padding: 14px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 18px;
        background: rgba(255, 255, 255, .88);
    }

    .rch-domain-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.12;
    }

    .rch-domain-step span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.38;
    }

    .rch-domain-step i,
.rch-portal-action-card i,
.rch-portal-brand-card i {
        display: grid;
        width: 34px;
        height: 34px;
        margin-bottom: 12px;
        place-items: center;
        border-radius: 12px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-portal-action-card:nth-child(2) i,
.rch-portal-brand-card:nth-child(2) i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-portal-action-card:nth-child(3) i,
.rch-portal-brand-card:nth-child(3) i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-portal-action-card:nth-child(4) i {
        color: var(--rch-orange);
        background: var(--rch-orange-soft);
    }

    .rch-portal-action-card:nth-child(5) i {
        color: var(--rch-red);
        background: var(--rch-red-soft);
    }

    .rch-portal-action-card:nth-child(6) i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-portal-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rch-portal-brand-card {
        min-height: 172px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(248, 250, 252, .86));
    }

    .rch-portal-brand-url {
        display: inline-flex;
        max-width: 100%;
        min-height: 25px;
        align-items: center;
        margin-top: 14px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: #fff;
        box-shadow: 0 8px 18px rgba(16, 24, 40, .06);
        font-size: 9px;
        font-weight: 850;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rch-sale-ticket {
        padding: 0 2px 17px;
        border-bottom: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-sale-ticket small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-ticket strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 30px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-ticket p {
        margin: 10px 0 0;
        color: var(--rch-text-soft);
        font-size: 13px;
        line-height: 1.5;
    }

    .rch-recovery-flow {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px;
        align-items: stretch;
    }

    .rch-recovery-node {
        grid-template-columns: 1fr;
        align-content: start;
        min-height: 175px;
        background: #fff;
    }

    .rch-recovery-node i {
        margin-bottom: 6px;
    }

    .rch-recovery-node.is-decline i {
        color: var(--rch-red);
        background: var(--rch-red-soft);
    }

    .rch-recovery-node.is-action i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-recovery-node.is-result i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-sale-detail-window {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-sale-detail-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 58px;
        padding: 0 20px;
        border-bottom: 1px solid var(--rch-line);
        color: var(--rch-muted);
        font-size: 12px;
        font-weight: 850;
    }

    .rch-sale-detail-body {
        display: grid;
        gap: 18px;
        padding: 22px;
        background:
            radial-gradient(circle at 16% 8%, rgba(110, 0, 190, .06), transparent 28%),
            #fff;
    }

    .rch-sale-detail-hero {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 20px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 24px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-sale-detail-hero small,
.rch-sale-detail-card small {
        display: block;
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-detail-hero strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 32px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-detail-hero span {
        display: block;
        margin-top: 8px;
        color: var(--rch-muted);
        font-size: 13px;
        line-height: 1.45;
    }

    .rch-sale-detail-status {
        flex: 0 0 auto;
        min-height: 34px;
        padding: 9px 12px;
        border-radius: 999px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 11px;
        font-weight: 950;
    }

    .rch-sale-detail-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-sale-detail-card {
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 20px;
        background: #fff;
    }

    .rch-sale-detail-card strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.12;
    }

    .rch-sale-detail-card span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.42;
    }

    .rch-sale-detail-timeline {
        display: grid;
        gap: 10px;
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 22px;
        background: rgba(247, 248, 252, .58);
    }

    .rch-sale-detail-step {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 11px;
        align-items: center;
    }

    .rch-sale-detail-step i {
        display: grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sale-detail-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.14;
    }

    .rch-sale-detail-step span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-sale-detail-step em {
        color: var(--rch-muted);
        font-size: 10px;
        font-style: normal;
        font-weight: 850;
    }

    .rch-assistant-ui {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 12% 18%, rgba(22, 163, 74, .08), transparent 28%),
            radial-gradient(circle at 88% 16%, rgba(110, 0, 190, .08), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .94));
        box-shadow: 0 28px 78px rgba(16, 24, 40, .11);
    }

    .rch-assistant-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 64px;
        padding: 0 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        background: rgba(255, 255, 255, .68);
    }

    .rch-assistant-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: var(--rch-text);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.02em;
    }

    .rch-assistant-brand span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 12px;
        font-weight: 950;
    }

    .rch-assistant-pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: var(--rch-bg-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-assistant-flow {
        --rch-assistant-node-height: 108px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(104px, 1fr)) minmax(34px, .34fr) repeat(2, minmax(104px, 1fr));
        grid-template-rows: repeat(3, var(--rch-assistant-node-height));
        gap: 12px 0;
        align-items: center;
        min-height: 404px;
        padding: 28px 22px;
        background:
            linear-gradient(rgba(16, 24, 40, .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px);
        background-size: 34px 34px;
    }

    .rch-assistant-svg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
    }

    .rch-assistant-svg > path {
        fill: none;
        stroke: rgba(110, 0, 190, .24);
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .rch-assistant-node {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        justify-self: center;
        width: 84%;
        min-height: var(--rch-assistant-node-height);
        padding: 12px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 18px;
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 16px 34px rgba(16, 24, 40, .075);
    }

    .rch-assistant-node small {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 0 8px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .rch-assistant-node strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 13.5px;
        line-height: 1.05;
        letter-spacing: -.035em;
    }

    .rch-assistant-node span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-assistant-node.wait small {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-assistant-node.output small {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-assistant-node.start {
        grid-column: 1;
        grid-row: 2;
    }

    .rch-assistant-node.context {
        grid-column: 2;
        grid-row: 2;
    }

    .rch-assistant-node.branch {
        grid-column: 3;
        grid-row: 2;
    }

    .rch-assistant-node.action {
        grid-column: 5;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.output {
        grid-column: 6;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.notify {
        grid-column: 5;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-assistant-node.followup {
        grid-column: 6;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-sales-voice-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 58px;
        padding: 0 18px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        color: var(--rch-muted);
        font-size: 11px;
        font-weight: 900;
    }

    .rch-sales-voice-title {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--rch-text);
    }

    .rch-sales-voice-arrow {
        display: inline-grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 950;
        line-height: 1;
    }

    .rch-sales-voice-type {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 9px;
        font-weight: 950;
    }

    .rch-sales-voice-person {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 13px;
        align-items: center;
    }

    .rch-sales-voice-person i {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        border-radius: 16px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 12px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-person strong {
        display: block;
        color: var(--rch-text);
        font-size: 17px;
        line-height: 1.08;
        letter-spacing: -.035em;
    }

    .rch-sales-voice-person span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.35;
    }

    .rch-sales-voice-wave {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 84px;
    }

    .rch-sales-voice-wave span {
        width: 7px;
        height: var(--h);
        border-radius: 999px;
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-blue));
        animation: rch-sales-voice-pulse 1.4s ease-in-out infinite;
    }

    .rch-sales-voice-wave span:nth-child(2n) {
        animation-delay: .18s;
    }

    .rch-sales-voice-wave span:nth-child(3n) {
        animation-delay: .34s;
    }

    @keyframes rch-sales-voice-pulse {
        0%,
100% {
            transform: scaleY(.68);
            opacity: .58;
        }

        50% {
            transform: scaleY(1);
            opacity: 1;
        }
    }

    .rch-sales-voice-steps {
        display: grid;
        gap: 10px;
    }

    .rch-sales-voice-step {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-sales-voice-step i {
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.12;
    }

    .rch-sales-voice-step span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.42;
    }

    .rch-sales-call-ui {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 16% 12%, rgba(110, 0, 190, .08), transparent 32%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .88));
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-sales-call-ui.inbound {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.outbound {
        border-color: rgba(110, 0, 190, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(110, 0, 190, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(243, 236, 255, .68));
    }

    .rch-sales-call-ui.rch-call-blue {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-arrow,
.rch-sales-call-ui.inbound .rch-sales-voice-type,
.rch-sales-call-ui.inbound .rch-sales-voice-person i,
.rch-sales-call-ui.inbound .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-arrow,
.rch-sales-call-ui.outbound .rch-sales-voice-type,
.rch-sales-call-ui.outbound .rch-sales-voice-person i,
.rch-sales-call-ui.outbound .rch-sales-voice-step i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-arrow,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-type,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-person i,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-purple-2));
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-layout {
        display: grid;
        grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
        min-height: 380px;
    }

    .rch-sales-call-core {
        display: grid;
        align-content: start;
        gap: 17px;
        padding: 22px;
        border-right: 1px solid rgba(231, 234, 243, .84);
    }

    .rch-sales-call-meta {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-sales-call-meta div {
        min-width: 0;
        padding: 11px 10px;
        border: 1px solid rgba(231, 234, 243, .82);
        border-radius: 17px;
        background: rgba(255, 255, 255, .66);
    }

    .rch-sales-call-meta span {
        display: block;
        color: var(--rch-muted);
        font-size: 8px;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
    }

    .rch-sales-call-meta strong {
        display: block;
        margin-top: 6px;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.15;
        letter-spacing: -.02em;
    }

    .rch-sales-call-transcript {
        display: grid;
        align-content: start;
        gap: 12px;
        padding: 22px;
        background: rgba(255, 255, 255, .58);
    }

    .rch-sales-transcript-title {
        color: var(--rch-muted);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-transcript-row {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-transcript-row i {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-transcript-row.agent i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.inbound .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-transcript-row.caller i {
        color: var(--rch-text);
        background: rgba(17, 24, 39, .06);
    }

    .rch-transcript-bubble {
        padding: 12px 13px;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 18px;
        background: rgba(255, 255, 255, .82);
    }

    .rch-transcript-bubble strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.1;
    }

    .rch-transcript-bubble span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.42;
    }

    .rch-chatgpt-logo {
        display: block;
        width: 18px;
        height: 18px;
        color: currentColor;
    }

    .rch-cursor-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-scenario-cursor-agent {
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 28px;
        background: #0e1117;
        box-shadow: 0 18px 44px rgba(2, 6, 23, .22);
    }

    .rch-cursor-agent-ui {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        color: #cbd5e1;
        background: #0e1117;
        font-family: "SFMono-Regular", Consolas, monospace;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-ui {
        min-height: 620px;
        grid-template-columns: 44px 156px minmax(0, 1fr);
        grid-template-rows: 38px minmax(0, 1fr);
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 150px minmax(0, 1fr) 150px;
        align-items: center;
        min-height: 38px;
        padding: 0 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
        color: #94a3b8;
        font-size: 11px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(1) { background: #ff5f57; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(2) { background: #ffbd2e; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(3) { background: #28c840; }

    .rch-scenario-cursor-agent .rch-cursor-command-center {
        justify-self: center;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: min(100%, 340px);
        min-height: 25px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 8px;
        background: rgba(255, 255, 255, .045);
        color: #cbd5e1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label {
        justify-self: end;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #e2e8f0;
        font-weight: 850;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label svg {
        width: 15px;
        height: 15px;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity {
        display: grid;
        align-content: start;
        justify-items: center;
        gap: 15px;
        padding: 14px 0;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span {
        display: grid;
        width: 26px;
        height: 26px;
        place-items: center;
        border-radius: 8px;
        color: #64748b;
        font-size: 13px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-cursor-agent-files {
        padding: 12px 8px;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #10141d;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-files {
        padding: 18px 12px;
    }

    .rch-cursor-agent-label {
        margin-bottom: 9px;
        color: #64748b;
        font-size: 6px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-label {
        font-size: 10px;
    }

    .rch-cursor-agent-file {
        margin-bottom: 5px;
        padding: 6px 7px;
        border-radius: 7px;
        color: #94a3b8;
        font-size: 7px;
        white-space: nowrap;
    }

    .rch-cursor-agent-file.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-file {
        padding: 9px 10px;
        border-radius: 10px;
        font-size: 11px;
    }

    .rch-cursor-agent-main {
        display: grid;
        grid-template-rows: 32px minmax(0, 1fr) 155px;
        min-width: 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-main {
        grid-template-rows: 44px minmax(0, 1fr) 260px;
    }

    .rch-functions-cursor .rch-cursor-agent-ui {
        min-height: 520px;
    }

    .rch-functions-cursor .rch-cursor-agent-main {
        grid-template-rows: 44px minmax(0, 1fr) 220px;
    }

    .rch-functions-assistant .rch-assistant-flow {
        min-height: 360px;
        padding: 24px 20px;
    }

    .rch-cursor-agent-tabs {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 0 9px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: #64748b;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-tabs {
        gap: 7px;
        padding: 0 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-tabs span {
        padding: 6px 8px;
        border-radius: 7px;
    }

    .rch-cursor-agent-tabs span:first-child {
        color: #e2e8f0;
        background: rgba(255, 255, 255, .07);
    }

    .rch-cursor-code {
        padding: 12px;
        color: #cbd5e1;
        background:
            linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 100% 24px,
            #0b0f15;
        font-size: 7px;
        line-height: 1.8;
    }

    .rch-scenario-cursor-agent .rch-cursor-code {
        padding: 18px;
        font-size: 12px;
        line-height: 1.82;
    }

    .rch-cursor-code .muted { color: #64748b; }
    .rch-cursor-code .green { color: #86efac; }
    .rch-cursor-code .blue { color: #7dd3fc; }
    .rch-cursor-code .purple { color: #c4b5fd; }

    .rch-monaco-static {
        position: relative;
        width: 100%;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 18px;
        background: #1e1e1e;
        box-shadow: 0 28px 80px rgba(15, 23, 42, .22);
        font-family: Menlo, Monaco, "Courier New", monospace;
    }

    .rch-monaco-static::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
            radial-gradient(circle at 14% 10%, rgba(255, 255, 255, .08), transparent 24%),
            linear-gradient(135deg, rgba(255, 255, 255, .06), transparent 38%);
        opacity: .55;
    }

    .rch-monaco-topbar {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        min-height: 40px;
        padding: 0 14px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        background: #252526;
        color: #cccccc;
        font-family: Inter, system-ui, sans-serif;
        font-size: 11px;
        font-weight: 750;
    }

    .rch-monaco-dots {
        display: flex;
        gap: 7px;
    }

    .rch-monaco-dots span {
        width: 10px;
        height: 10px;
        border-radius: 999px;
    }

    .rch-monaco-dots span:nth-child(1) { background: #ff5f57; }
    .rch-monaco-dots span:nth-child(2) { background: #ffbd2e; }
    .rch-monaco-dots span:nth-child(3) { background: #28c840; }

    .rch-monaco-tabs {
        display: flex;
        align-self: stretch;
        min-width: 0;
    }

    .rch-monaco-tab {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: 220px;
        padding: 0 15px;
        border-left: 1px solid rgba(255, 255, 255, .06);
        border-right: 1px solid rgba(0, 0, 0, .35);
        background: #1e1e1e;
        color: #ffffff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rch-monaco-tab i {
        font-style: normal;
        color: #f7df1e;
        font-size: 10px;
        font-weight: 950;
    }

    .rch-monaco-status {
        color: #7dd3fc;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .08em;
    }

    .rch-monaco-editor {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr);
        min-height: 430px;
        background: #1e1e1e;
    }

    .rch-monaco-gutter {
        padding: 18px 0;
        border-right: 1px solid rgba(255, 255, 255, .05);
        background: #1e1e1e;
        color: #858585;
        font-size: 12px;
        line-height: 1.9;
        text-align: right;
        user-select: none;
    }

    .rch-monaco-gutter span {
        display: block;
        padding-right: 12px;
    }

    .rch-monaco-code {
        padding: 18px 22px;
        color: #d4d4d4;
        font-size: 12px;
        line-height: 1.9;
        white-space: nowrap;
        overflow: hidden;
    }

    .rch-monaco-code div {
        min-height: 22px;
    }

    .rch-monaco-code .comment { color: #6a9955; }
    .rch-monaco-code .kw { color: #c586c0; }
    .rch-monaco-code .fn { color: #dcdcaa; }
    .rch-monaco-code .str { color: #ce9178; }
    .rch-monaco-code .var { color: #9cdcfe; }
    .rch-monaco-code .prop { color: #4fc1ff; }

    .rch-cursor-agent-panel {
        border-top: 1px solid rgba(255, 255, 255, .08);
        background: #111827;
    }

    .rch-cursor-agent-panel-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 11px 0;
        color: #f8fafc;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head {
        padding: 15px 17px 0;
        font-size: 13px;
    }

    .rch-cursor-agent-panel-head span {
        color: #22c55e;
        font-size: 6px;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head span {
        font-size: 9px;
    }

    .rch-cursor-agent-prompt {
        margin: 8px 11px 0;
        padding: 8px 9px;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 10px;
        color: #dbeafe;
        background: #0b1220;
        font-size: 7px;
        line-height: 1.45;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-prompt {
        margin: 10px 17px 0;
        padding: 10px 13px;
        border-radius: 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks {
        display: grid;
        gap: 5px;
        margin: 8px 11px 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks {
        gap: 8px;
        margin: 11px 17px 0;
    }

    .rch-cursor-agent-checks div {
        display: grid;
        grid-template-columns: 14px minmax(0, 1fr) auto;
        gap: 7px;
        color: #94a3b8;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks div {
        grid-template-columns: 20px minmax(0, 1fr) auto;
        gap: 9px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks b {
        color: #22c55e;
        font-size: 8px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks b {
        font-size: 12px;
    }

    .rch-cursor-agent-checks small {
        color: #64748b;
        font-size: 6px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks small {
        font-size: 9px;
    }

    .rch-connected {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #15803d;
        font-size: 10px;
        font-weight: 850;
    }

    .rch-demo-message {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        margin-bottom: 17px;
    }

    .rch-demo-message.user {
        justify-content: flex-end;
    }

    .rch-demo-bubble {
        max-width: 255px;
        padding: 12px 13px;
        border: 1px solid var(--rch-line);
        border-radius: 15px;
        color: var(--rch-text-soft);
        background: #fff;
        font-size: 12px;
        line-height: 1.58;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .04);
    }

    .rch-demo-bubble.user {
        color: #fff;
        background: var(--rch-purple);
        border-color: var(--rch-purple);
        border-bottom-right-radius: 5px;
    }

    .rch-demo-avatar {
        display: grid;
        width: 28px;
        height: 28px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-purple-2));
        font-size: 10px;
        font-weight: 900;
    }

    .rch-demo-avatar.user {
        color: var(--rch-text);
        background: #eaecf0;
    }

    .rch-report-shell {
        display: grid;
        gap: 12px;
    }

    .rch-report-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 1px 2px 3px;
    }

    .rch-report-kicker {
        color: var(--rch-purple);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .rch-report-title {
        margin-top: 4px;
        color: var(--rch-text);
        font-size: 18px;
        font-weight: 850;
        letter-spacing: -.03em;
    }

    .rch-report-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 29px;
        padding: 0 10px;
        border-radius: 999px;
        color: #15803d;
        background: var(--rch-green-soft);
        font-size: 9px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-report-kpis {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-report-kpi,
.rch-report-card {
        border: 1px solid var(--rch-line);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 22px rgba(16, 24, 40, .035);
    }

    .rch-report-kpi {
        padding: 12px;
    }

    .rch-report-kpi span {
        display: block;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-report-kpi strong {
        display: block;
        margin-top: 7px;
        color: var(--rch-text);
        font-size: 19px;
        letter-spacing: -.04em;
    }

    .rch-report-kpi small {
        display: block;
        margin-top: 4px;
        color: var(--rch-green);
        font-size: 8px;
        font-weight: 850;
    }

    .rch-report-card {
        padding: 14px;
    }

    .rch-report-card-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-report-card-title span {
        color: var(--rch-green);
        font-size: 9px;
    }

    .rch-report-chart svg {
        display: block;
        width: 100%;
        height: 138px;
        margin-top: 5px;
    }

    .rch-chart-line {
        stroke-dasharray: 480;
        stroke-dashoffset: 480;
        animation: rch-draw 1.1s .1s ease forwards;
    }

    .rch-chart-area {
        opacity: 0;
        animation: rch-area .8s .45s ease forwards;
    }

    @keyframes rch-draw {
        to {
            stroke-dashoffset: 0;
        }
    }

    @keyframes rch-area {
        to {
            opacity: 1;
        }
    }

    .rch-scenario-gpt {
        overflow: hidden;
        border: 1px solid rgba(231, 231, 233, .72);
        border-radius: 28px;
        background: #fff;
        box-shadow: 0 10px 28px rgba(16, 24, 40, .045);
    }

    .rch-scenario-gpt-top {
        display: grid;
        grid-template-columns: 94px minmax(0, 1fr) auto;
        align-items: center;
        min-height: 56px;
        padding-right: 17px;
        border-bottom: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-gpt-title {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #202123;
        font-size: 13px;
        font-weight: 850;
    }

    .rch-scenario-gpt-title span {
        display: grid;
        width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt-grid {
        display: grid;
        grid-template-columns: 310px minmax(0, 1fr);
        min-height: 520px;
    }

    .rch-scenario-chat {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-chat-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: auto;
        padding: 18px 15px;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message {
        opacity: 0;
        transform: translateY(8px);
        animation-duration: 13s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(1) {
        animation-name: rch-scenario-message-1;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(2) {
        animation-name: rch-scenario-message-2;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(3) {
        animation-name: rch-scenario-message-3;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(4) {
        animation-name: rch-scenario-message-4;
    }

    @keyframes rch-scenario-message-1 {
        0%,
6% { opacity: 0; transform: translateY(8px); }
        10%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-2 {
        0%,
14% { opacity: 0; transform: translateY(8px); }
        19%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-3 {
        0%,
46% { opacity: 0; transform: translateY(8px); }
        51%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-4 {
        0%,
55% { opacity: 0; transform: translateY(8px); }
        60%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    .rch-scenario-composer {
        margin: auto 14px 14px;
        padding: 11px 12px;
        border: 1px solid #dedfe2;
        border-radius: 18px;
        color: #8a8d94;
        background: #fff;
        box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
        font-size: 11px;
    }

    .rch-scenario-composer-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 14px;
    }

    .rch-scenario-composer-tools {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #6b6d74;
        font-size: 9px;
        font-weight: 750;
    }

    .rch-scenario-composer-tools span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 23px;
        padding: 0 8px;
        border: 1px solid #ececec;
        border-radius: 999px;
        background: #f7f7f8;
    }

    .rch-scenario-send {
        display: grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111827;
        font-size: 12px;
        font-weight: 900;
    }

    .rch-scenario-gpt .rch-demo-bubble {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-scenario-gpt .rch-demo-bubble.user {
        color: #202123;
        background: #f1f1f1;
        border-radius: 15px 15px 5px 15px;
    }

    .rch-scenario-gpt .rch-demo-avatar {
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt .rch-demo-avatar.user {
        color: #3f4147;
        background: #e7e7e9;
    }

    .rch-scenario-output {
        min-width: 0;
        background: #f7f7f8;
    }

    .rch-scenario-output-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 54px;
        padding: 0 16px;
        border-bottom: 1px solid #f0f0f1;
        color: #202123;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-scenario-output-body {
        position: relative;
        height: 466px;
        overflow: auto;
        padding: 17px;
    }

    .rch-result-list {
        display: grid;
        gap: 9px;
    }

    .rch-result-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 11px;
        align-items: center;
        padding: 12px;
        border: 1px solid var(--rch-line);
        border-radius: 13px;
        background: #fff;
    }

    .rch-result-row-icon {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-result-row strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
    }

    .rch-result-row span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-result-row-value {
        color: var(--rch-text);
        font-size: 10px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-result-summary {
        margin-top: 12px;
        padding: 14px;
        border: 1px solid #d9c7ff;
        border-radius: 14px;
        color: var(--rch-text-soft);
        background: var(--rch-purple-soft);
        font-size: 10px;
        line-height: 1.6;
    }

    .rch-result-summary strong {
        color: var(--rch-purple);
        font-size: 12px;
    }

    .rch-function-update-shell {
        display: grid;
        gap: 14px;
    }

    .rch-function-update-card {
        overflow: hidden;
        border: 1px solid #e6e8ef;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 14px 34px rgba(16, 24, 40, .055);
    }

    .rch-function-update-card-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 13px 15px;
        border-bottom: 1px solid #eef0f4;
    }

    .rch-function-update-card-head strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.1;
    }

    .rch-function-update-card-head span {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 9px;
        font-weight: 950;
        white-space: nowrap;
    }

    .rch-function-update-code {
        padding: 14px 15px;
        color: #d4d4d4;
        background: #1e1e1e;
        font-family: Menlo, Monaco, "Courier New", monospace;
        font-size: 9.5px;
        line-height: 1.72;
        overflow: hidden;
    }

    .rch-function-update-code div {
        white-space: nowrap;
    }

    .rch-function-update-code .comment { color: #6a9955; }
    .rch-function-update-code .kw { color: #c586c0; }
    .rch-function-update-code .fn { color: #dcdcaa; }
    .rch-function-update-code .str { color: #ce9178; }
    .rch-function-update-code .var { color: #9cdcfe; }
    .rch-function-update-code .prop { color: #4fc1ff; }

    .rch-function-update-steps {
        display: grid;
        gap: 10px;
    }

    .rch-function-update-step {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 11px;
        align-items: start;
        padding: 12px;
        border: 1px solid #e6e8ef;
        border-radius: 16px;
        background: #fff;
    }

    .rch-function-update-step i {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 12px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-function-update-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 12px;
        line-height: 1.12;
    }

    .rch-function-update-step span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-functions-gpt .rch-scenario-gpt-grid {
        min-height: 420px;
    }

    .rch-functions-gpt .rch-scenario-output-body {
        height: 366px;
    }

    .rch-functions-gpt .rch-scenario-output-body {
        overflow: hidden;
    }

    .rch-email-template-gpt.rch-functions-gpt .rch-scenario-gpt-grid {
        min-height: 520px;
    }

    .rch-email-template-gpt .rch-scenario-output {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
    }

    .rch-email-template-gpt.rch-functions-gpt .rch-scenario-output-body {
        height: auto;
        min-height: 0;
        overflow: hidden;
    }

    .rch-function-stage {
        position: absolute;
        inset: 17px;
        opacity: 0;
        pointer-events: none;
        transform: translateY(8px);
        animation-duration: 13s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .rch-function-stage:nth-child(1) {
        animation-name: rch-function-stage-1;
    }

    .rch-function-stage:nth-child(2) {
        animation-name: rch-function-stage-2;
    }

    @keyframes rch-function-stage-1 {
        0%,
14% { opacity: 0; transform: translateY(8px); }
        19%,
52% { opacity: 1; transform: translateY(0); }
        60%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-function-stage-2 {
        0%,
55% { opacity: 0; transform: translateY(8px); }
        60%,
92% { opacity: 1; transform: translateY(0); }
        98%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    .rch-output-state {
        opacity: 0;
        animation: rch-output-primary 13s ease-in-out infinite;
    }

    .rch-output-state-secondary {
        position: absolute;
        inset: 17px;
        opacity: 0;
        pointer-events: none;
        animation: rch-output-secondary 13s ease-in-out infinite;
    }

    @keyframes rch-output-primary {
        0%,
20% {
            opacity: 0;
            transform: translateY(8px);
        }

        25%,
50% {
            opacity: 1;
            transform: translateY(0);
        }

        56%,
100% {
            opacity: 0;
            transform: translateY(-6px);
        }
    }

    @keyframes rch-output-secondary {
        0%,
61% {
            opacity: 0;
            transform: translateY(8px);
        }

        66%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(6px);
        }
    }

    .rch-feature-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
        gap: 54px;
        align-items: center;
    }

    .rch-check-list {
        display: grid;
        gap: 14px;
    }

    .rch-check {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 13px;
        align-items: start;
        color: var(--rch-text-soft);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-check i {
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-style: normal;
        font-weight: 950;
    }

    .rch-check strong {
        color: var(--rch-text);
        font-weight: 900;
    }

    .rch-footer-spacer {
        padding: 42px 0 0;
        background: #fff;
    }

    @media (max-width: 1199px) {
        .rch-section-head,
.rch-feature-split {
            grid-template-columns: 1fr;
        }

        .rch-sales-subsection {
            grid-template-columns: 1fr;
            gap: 28px;
        }

        .rch-module-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-scenario-gpt-grid {
            grid-template-columns: 1fr;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-ui {
            min-height: auto;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
        }

        .rch-scenario-cursor-agent .rch-cursor-titlebar {
            grid-column: 1;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 10px;
        }

        .rch-scenario-cursor-agent .rch-cursor-command-center {
            justify-self: stretch;
        }

        .rch-scenario-cursor-agent .rch-cursor-window-label,
.rch-scenario-cursor-agent .rch-cursor-activity {
            display: none;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-files {
            border-right: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-main {
            grid-template-rows: 44px minmax(260px, 1fr) 265px;
        }

        .rch-monaco-editor {
            grid-template-columns: 42px minmax(0, 1fr);
            min-height: 360px;
        }

        .rch-monaco-gutter {
            font-size: 10px;
        }

        .rch-monaco-code {
            padding: 16px 14px;
            font-size: 10px;
            overflow-x: auto;
        }

        .rch-monaco-status {
            display: none;
        }

        .rch-scenario-chat {
            min-height: 300px;
            border-right: 0;
            border-bottom: 1px solid #e7e7e9;
        }

        .rch-scenario-output-body {
            height: auto;
            max-height: none;
        }
    }

    @media (max-width: 991px) {
        .rch-section {
            padding: 86px 0;
        }

        .rch-hero {
            padding: 140px 0 86px;
        }

        .rch-title-xl {
            font-size: clamp(48px, 13vw, 70px);
        }

        .rch-title-lg {
            font-size: clamp(38px, 10vw, 56px);
        }
    }

    @media (max-width: 767px) {
        .rch-container {
            width: min(100% - 28px, 1240px);
        }

        .rch-module-grid {
            grid-template-columns: 1fr;
        }

        .rch-create-flow,
.rch-recovery-flow,
.rch-sale-detail-grid,
.rch-sales-call-layout,
.rch-function-edit-body,
.rch-template-function-flow,
.rch-domain-steps,
.rch-portal-actions-grid,
.rch-portal-brand-grid {
            grid-template-columns: 1fr;
        }

        .rch-template-function-card::after {
            display: none !important;
        }

        .rch-template-function-card {
            grid-template-rows: none;
            min-height: auto;
        }

        .rch-template-function-card pre {
            min-height: auto;
            max-height: none;
        }

        .rch-email-builder-body {
            grid-template-columns: 1fr;
            min-height: auto;
        }

        .rch-email-editor-gutter {
            display: none;
        }

        .rch-email-design-toolbar {
            gap: 4px;
            max-height: 86px;
            overflow: hidden;
        }

        .rch-email-builder-canvas {
            padding: 16px 14px 34px;
        }

        .rch-email-layout-header,
.rch-email-address-grid {
            grid-template-columns: 1fr;
        }

        .rch-shipping-fulfillment-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-product-catalog-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-domain-bar {
            grid-template-columns: 44px minmax(0, 1fr);
        }

        .rch-domain-status {
            grid-column: 2;
        }

        .rch-sales-call-core {
            border-right: 0;
            border-bottom: 1px solid rgba(231, 234, 243, .84);
        }

        .rch-sales-call-meta {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-step {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-hero {
            flex-direction: column;
        }

        .rch-sale-detail-step {
            align-items: start;
        }

        .rch-sale-detail-step em {
            justify-self: start;
        }

        .rch-scenario-gpt-top {
            grid-template-columns: 82px minmax(0, 1fr) auto;
        }

        .rch-connected {
            display: none;
        }

        .rch-report-kpis {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-assistant-flow {
            position: relative;
            min-height: auto;
            display: grid;
            gap: 18px;
            grid-template-columns: 1fr;
            grid-template-rows: none;
            justify-items: center;
            padding: 22px 16px;
        }

        .rch-assistant-svg {
            display: none;
        }

        .rch-assistant-node.branch,
.rch-assistant-node.notify,
.rch-assistant-node.followup {
            display: none;
        }

        .rch-assistant-node {
            position: relative;
            grid-column: auto !important;
            grid-row: auto !important;
            height: auto;
            min-height: auto;
            align-self: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            width: min(320px, 100%);
            transform: none !important;
        }

        .rch-assistant-node.start::after,
.rch-assistant-node.context::after,
.rch-assistant-node.action::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 2px;
            height: 18px;
            border-radius: 999px;
            background: rgba(110, 0, 190, .18);
            transform: translateX(-50%);
        }
    }


.rch-feature-split {
        display: grid;
        grid-template-columns: minmax(250px, 330px) minmax(0, 1fr) !important;
        gap: 78px !important;
        align-items: center;
        min-width: 0;
        overflow: visible;
    }

@media (max-width: 1199px) {
    .rch-feature-split {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
    }
}


    .rch-native-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    #section-native-third-parties .rch-event-notation-list {
        max-height: 244px;
    }

    @media (max-width: 1199px) {
        .rch-native-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 767px) {
        .rch-native-grid {
            grid-template-columns: 1fr;
        }
    }


:root {
        --rch-bg: #ffffff;
        --rch-bg-soft: #f7f8fc;
        --rch-bg-lavender: #fbf9ff;
        --rch-text: #101828;
        --rch-text-soft: #475467;
        --rch-muted: #667085;
        --rch-line: #e7eaf3;
        --rch-purple: #6e00be;
        --rch-purple-2: #8b5cf6;
        --rch-purple-soft: #f3ecff;
        --rch-blue: #1a8bff;
        --rch-blue-soft: #eef6ff;
        --rch-pink: #ff2171;
        --rch-green: #16a34a;
        --rch-green-soft: #ecfdf3;
        --rch-orange: #f97316;
        --rch-orange-soft: #fff7ed;
        --rch-red: #ef4444;
        --rch-red-soft: #fef2f2;
        --rch-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rch-shadow-soft: 0 14px 42px rgba(16, 24, 40, .07);
        --rch-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    html {
        scroll-behavior: auto;
    }

    .rch-page {
        overflow: hidden;
        background: var(--rch-bg);
        color: var(--rch-text);
        font-family: var(--rch-font);
    }

    .rch-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rch-section {
        position: relative;
        padding: 112px 0;
    }

    .rch-hero {
        padding: 178px 0 104px;
        background:
            radial-gradient(circle at 15% 20%, rgba(110, 0, 190, .11), transparent 32%),
            radial-gradient(circle at 82% 12%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fafbff 72%, #fff);
    }

    .rch-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1120px);
        gap: 0;
        align-items: center;
    }

    .rch-title {
        margin: 18px 0 0;
        color: var(--rch-text);
        font-weight: 740;
        letter-spacing: -.045em;
        line-height: 1.02;
    }

    .rch-title-xl {
        max-width: 1060px;
        font-size: clamp(62px, 7.1vw, 95px);
    }

    .rch-title-xl .rch-gradient-text {
        white-space: normal;
    }

    .rch-title-lg {
        font-size: clamp(38px, 5vw, 68px);
    }

    .rch-title-lg .rch-gradient-text {
        display: inline;
        padding-right: .04em;
        margin-right: 0;
        white-space: normal;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    .rch-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-right: .08em;
        padding-bottom: .08em;
        margin-top: -.04em;
        margin-right: -.08em;
        margin-bottom: -.08em;
        overflow: visible;
        color: var(--rch-purple);
        background: linear-gradient(110deg, var(--rch-purple), var(--rch-blue) 65%, var(--rch-pink));
        background-clip: text;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .rch-lede {
        max-width: 720px;
        margin: 30px 0 0;
        color: var(--rch-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rch-copy {
        color: var(--rch-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .rch-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        background: var(--rch-purple-soft);
        color: var(--rch-purple);
        font-size: 13px;
        font-weight: 850;
        letter-spacing: .01em;
        white-space: nowrap;
    }

    .rch-anchor-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 34px;
    }

    .rch-anchor-row a,
.rch-doc-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 14px;
        border: 1px solid rgba(231, 234, 243, .95);
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: #fff;
        box-shadow: 0 10px 24px rgba(16, 24, 40, .045);
        font-size: 12px;
        font-weight: 850;
        text-decoration: none !important;
    }

    .rch-doc-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin: -30px 0 46px;
    }

    .rch-section-eyebrow {
        margin-bottom: 18px;
    }

    .rch-section-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 470px);
        gap: 48px;
        align-items: center;
        margin-bottom: 56px;
    }

    .rch-section-head .rch-title {
        margin-top: 0;
    }

    .rch-section-head .rch-copy {
        align-self: center;
        margin: 0;
    }

    .rch-window-dots {
        display: flex;
        gap: 7px;
        padding-left: 18px;
    }

    .rch-window-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-window-dots span:nth-child(1) {
        background: #ff5f57;
    }

    .rch-window-dots span:nth-child(2) {
        background: #ffbd2e;
    }

    .rch-window-dots span:nth-child(3) {
        background: #28c840;
    }

    .rch-module-card small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-module-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .rch-module-card {
        min-height: 245px;
        padding: 24px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 26px;
        background: rgba(255, 255, 255, .92);
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-module-card strong {
        display: block;
        margin-top: 14px;
        color: var(--rch-text);
        font-size: 24px;
        line-height: 1.08;
        letter-spacing: -.05em;
    }

    .rch-module-card p {
        margin: 12px 0 0;
        color: var(--rch-text-soft);
        font-size: 14px;
        line-height: 1.62;
    }

    .rch-sales-stack {
        display: grid;
        gap: 148px;
        align-items: start;
    }

    .rch-sales-subsection {
        display: grid;
        grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
        gap: 78px;
        align-items: center;
        min-width: 0;
        overflow: visible;
    }

    .rch-sales-copy small {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        margin: 0 0 18px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
    }

    .rch-sales-copy > strong {
        display: block;
        margin: 0;
        color: var(--rch-text);
        font-size: clamp(34px, 4vw, 56px);
        line-height: .94;
        letter-spacing: -.065em;
    }

    .rch-sales-copy p {
        max-width: none;
        margin: 18px 0 0;
        color: var(--rch-muted);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-create-visual,
.rch-sales-plain-visual {
        width: 100%;
    }

    .rch-create-flow {
        display: grid;
        gap: 16px;
    }

    .rch-create-sources {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-shipping-fulfillment-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-shipping-fulfillment-flow .rch-create-source {
        grid-template-columns: 1fr;
        align-items: start;
        background: #fff;
    }

    .rch-shipping-fulfillment-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-product-catalog-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-product-catalog-flow .rch-create-source {
        grid-template-columns: 1fr;
        align-items: start;
        background: #fff;
    }

    .rch-product-catalog-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-create-source,
.rch-recovery-node {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 13px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 17px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-create-source i,
.rch-recovery-node i {
        display: grid;
        width: 40px;
        height: 40px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-create-source strong,
.rch-recovery-node strong {
        display: block;
        color: var(--rch-text);
        font-size: 14px;
        line-height: 1.12;
        letter-spacing: -.02em;
    }

    .rch-create-source span,
.rch-recovery-node span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.4;
    }

    .rch-sale-ticket {
        padding: 0 2px 17px;
        border-bottom: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-sale-ticket small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-ticket strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 30px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-ticket p {
        margin: 10px 0 0;
        color: var(--rch-text-soft);
        font-size: 13px;
        line-height: 1.5;
    }

    .rch-recovery-flow {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px;
        align-items: stretch;
    }

    .rch-recovery-node {
        grid-template-columns: 1fr;
        align-content: start;
        min-height: 175px;
        background: #fff;
    }

    .rch-recovery-node i {
        margin-bottom: 6px;
    }

    .rch-recovery-node.is-decline i {
        color: var(--rch-red);
        background: var(--rch-red-soft);
    }

    .rch-recovery-node.is-action i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-recovery-node.is-result i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-sale-detail-window {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-sale-detail-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 58px;
        padding: 0 20px;
        border-bottom: 1px solid var(--rch-line);
        color: var(--rch-muted);
        font-size: 12px;
        font-weight: 850;
    }

    .rch-sale-detail-body {
        display: grid;
        gap: 18px;
        padding: 22px;
        background:
            radial-gradient(circle at 16% 8%, rgba(110, 0, 190, .06), transparent 28%),
            #fff;
    }

    .rch-sale-detail-hero {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 20px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 24px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-sale-detail-hero small,
.rch-sale-detail-card small {
        display: block;
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-detail-hero strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 32px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-detail-hero span {
        display: block;
        margin-top: 8px;
        color: var(--rch-muted);
        font-size: 13px;
        line-height: 1.45;
    }

    .rch-sale-detail-status {
        flex: 0 0 auto;
        min-height: 34px;
        padding: 9px 12px;
        border-radius: 999px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 11px;
        font-weight: 950;
    }

    .rch-sale-detail-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-sale-detail-card {
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 20px;
        background: #fff;
    }

    .rch-sale-detail-card strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.12;
    }

    .rch-sale-detail-card span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.42;
    }

    .rch-sale-detail-timeline {
        display: grid;
        gap: 10px;
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 22px;
        background: rgba(247, 248, 252, .58);
    }

    .rch-sale-detail-step {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 11px;
        align-items: center;
    }

    .rch-sale-detail-step i {
        display: grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sale-detail-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.14;
    }

    .rch-sale-detail-step span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-sale-detail-step em {
        color: var(--rch-muted);
        font-size: 10px;
        font-style: normal;
        font-weight: 850;
    }

    .rch-assistant-ui {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 12% 18%, rgba(22, 163, 74, .08), transparent 28%),
            radial-gradient(circle at 88% 16%, rgba(110, 0, 190, .08), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .94));
        box-shadow: 0 28px 78px rgba(16, 24, 40, .11);
    }

    .rch-assistant-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 64px;
        padding: 0 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        background: rgba(255, 255, 255, .68);
    }

    .rch-assistant-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: var(--rch-text);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.02em;
    }

    .rch-assistant-brand span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 12px;
        font-weight: 950;
    }

    .rch-assistant-pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: var(--rch-bg-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-assistant-flow {
        --rch-assistant-node-height: 108px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(104px, 1fr)) minmax(34px, .34fr) repeat(2, minmax(104px, 1fr));
        grid-template-rows: repeat(3, var(--rch-assistant-node-height));
        gap: 12px 0;
        align-items: center;
        min-height: 404px;
        padding: 28px 22px;
        background:
            linear-gradient(rgba(16, 24, 40, .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px);
        background-size: 34px 34px;
    }

    .rch-assistant-svg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
    }

    .rch-assistant-svg > path {
        fill: none;
        stroke: rgba(110, 0, 190, .24);
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .rch-assistant-node {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        justify-self: center;
        width: 84%;
        min-height: var(--rch-assistant-node-height);
        padding: 12px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 18px;
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 16px 34px rgba(16, 24, 40, .075);
    }

    .rch-assistant-node small {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 0 8px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .rch-assistant-node strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 13.5px;
        line-height: 1.05;
        letter-spacing: -.035em;
    }

    .rch-assistant-node span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-assistant-node.wait small {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-assistant-node.output small {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-assistant-node.start {
        grid-column: 1;
        grid-row: 2;
    }

    .rch-assistant-node.context {
        grid-column: 2;
        grid-row: 2;
    }

    .rch-assistant-node.branch {
        grid-column: 3;
        grid-row: 2;
    }

    .rch-assistant-node.action {
        grid-column: 5;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.output {
        grid-column: 6;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.notify {
        grid-column: 5;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-assistant-node.followup {
        grid-column: 6;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-sales-voice-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 58px;
        padding: 0 18px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        color: var(--rch-muted);
        font-size: 11px;
        font-weight: 900;
    }

    .rch-sales-voice-title {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--rch-text);
    }

    .rch-sales-voice-arrow {
        display: inline-grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 950;
        line-height: 1;
    }

    .rch-sales-voice-type {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 9px;
        font-weight: 950;
    }

    .rch-sales-voice-person {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 13px;
        align-items: center;
    }

    .rch-sales-voice-person i {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        border-radius: 16px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 12px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-person strong {
        display: block;
        color: var(--rch-text);
        font-size: 17px;
        line-height: 1.08;
        letter-spacing: -.035em;
    }

    .rch-sales-voice-person span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.35;
    }

    .rch-sales-voice-wave {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 84px;
    }

    .rch-sales-voice-wave span {
        width: 7px;
        height: var(--h);
        border-radius: 999px;
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-blue));
        animation: rch-sales-voice-pulse 1.4s ease-in-out infinite;
    }

    .rch-sales-voice-wave span:nth-child(2n) {
        animation-delay: .18s;
    }

    .rch-sales-voice-wave span:nth-child(3n) {
        animation-delay: .34s;
    }

    @keyframes rch-sales-voice-pulse {
        0%,
100% {
            transform: scaleY(.68);
            opacity: .58;
        }

        50% {
            transform: scaleY(1);
            opacity: 1;
        }
    }

    .rch-sales-voice-steps {
        display: grid;
        gap: 10px;
    }

    .rch-sales-voice-step {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-sales-voice-step i {
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.12;
    }

    .rch-sales-voice-step span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.42;
    }

    .rch-sales-call-ui {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 16% 12%, rgba(110, 0, 190, .08), transparent 32%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .88));
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-sales-call-ui.inbound {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.outbound {
        border-color: rgba(110, 0, 190, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(110, 0, 190, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(243, 236, 255, .68));
    }

    .rch-sales-call-ui.rch-call-blue {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-arrow,
.rch-sales-call-ui.inbound .rch-sales-voice-type,
.rch-sales-call-ui.inbound .rch-sales-voice-person i,
.rch-sales-call-ui.inbound .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-arrow,
.rch-sales-call-ui.outbound .rch-sales-voice-type,
.rch-sales-call-ui.outbound .rch-sales-voice-person i,
.rch-sales-call-ui.outbound .rch-sales-voice-step i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-arrow,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-type,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-person i,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-purple-2));
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-layout {
        display: grid;
        grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
        min-height: 380px;
    }

    .rch-sales-call-core {
        display: grid;
        align-content: start;
        gap: 17px;
        padding: 22px;
        border-right: 1px solid rgba(231, 234, 243, .84);
    }

    .rch-sales-call-meta {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-sales-call-meta div {
        min-width: 0;
        padding: 11px 10px;
        border: 1px solid rgba(231, 234, 243, .82);
        border-radius: 17px;
        background: rgba(255, 255, 255, .66);
    }

    .rch-sales-call-meta span {
        display: block;
        color: var(--rch-muted);
        font-size: 8px;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
    }

    .rch-sales-call-meta strong {
        display: block;
        margin-top: 6px;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.15;
        letter-spacing: -.02em;
    }

    .rch-sales-call-transcript {
        display: grid;
        align-content: start;
        gap: 12px;
        padding: 22px;
        background: rgba(255, 255, 255, .58);
    }

    .rch-sales-transcript-title {
        color: var(--rch-muted);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-transcript-row {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-transcript-row i {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-transcript-row.agent i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.inbound .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-transcript-row.caller i {
        color: var(--rch-text);
        background: rgba(17, 24, 39, .06);
    }

    .rch-transcript-bubble {
        padding: 12px 13px;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 18px;
        background: rgba(255, 255, 255, .82);
    }

    .rch-transcript-bubble strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.1;
    }

    .rch-transcript-bubble span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.42;
    }

    .rch-chatgpt-logo {
        display: block;
        width: 18px;
        height: 18px;
        color: currentColor;
    }

    .rch-cursor-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-scenario-cursor-agent {
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 28px;
        background: #0e1117;
        box-shadow: 0 18px 44px rgba(2, 6, 23, .22);
    }

    .rch-cursor-agent-ui {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        color: #cbd5e1;
        background: #0e1117;
        font-family: "SFMono-Regular", Consolas, monospace;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-ui {
        min-height: 620px;
        grid-template-columns: 44px 156px minmax(0, 1fr);
        grid-template-rows: 38px minmax(0, 1fr);
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 150px minmax(0, 1fr) 150px;
        align-items: center;
        min-height: 38px;
        padding: 0 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
        color: #94a3b8;
        font-size: 11px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(1) { background: #ff5f57; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(2) { background: #ffbd2e; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(3) { background: #28c840; }

    .rch-scenario-cursor-agent .rch-cursor-command-center {
        justify-self: center;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: min(100%, 340px);
        min-height: 25px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 8px;
        background: rgba(255, 255, 255, .045);
        color: #cbd5e1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label {
        justify-self: end;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #e2e8f0;
        font-weight: 850;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label svg {
        width: 15px;
        height: 15px;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity {
        display: grid;
        align-content: start;
        justify-items: center;
        gap: 15px;
        padding: 14px 0;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span {
        display: grid;
        width: 26px;
        height: 26px;
        place-items: center;
        border-radius: 8px;
        color: #64748b;
        font-size: 13px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-cursor-agent-files {
        padding: 12px 8px;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #10141d;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-files {
        padding: 18px 12px;
    }

    .rch-cursor-agent-label {
        margin-bottom: 9px;
        color: #64748b;
        font-size: 6px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-label {
        font-size: 10px;
    }

    .rch-cursor-agent-file {
        margin-bottom: 5px;
        padding: 6px 7px;
        border-radius: 7px;
        color: #94a3b8;
        font-size: 7px;
        white-space: nowrap;
    }

    .rch-cursor-agent-file.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-file {
        padding: 9px 10px;
        border-radius: 10px;
        font-size: 11px;
    }

    .rch-cursor-agent-main {
        display: grid;
        grid-template-rows: 32px minmax(0, 1fr) 155px;
        min-width: 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-main {
        grid-template-rows: 44px minmax(0, 1fr) 260px;
    }

    .rch-cursor-agent-tabs {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 0 9px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: #64748b;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-tabs {
        gap: 7px;
        padding: 0 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-tabs span {
        padding: 6px 8px;
        border-radius: 7px;
    }

    .rch-cursor-agent-tabs span:first-child {
        color: #e2e8f0;
        background: rgba(255, 255, 255, .07);
    }

    .rch-cursor-code {
        padding: 12px;
        color: #cbd5e1;
        background:
            linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 100% 24px,
            #0b0f15;
        font-size: 7px;
        line-height: 1.8;
    }

    .rch-scenario-cursor-agent .rch-cursor-code {
        padding: 18px;
        font-size: 12px;
        line-height: 1.82;
    }

    .rch-cursor-code .muted { color: #64748b; }
    .rch-cursor-code .green { color: #86efac; }
    .rch-cursor-code .blue { color: #7dd3fc; }
    .rch-cursor-code .purple { color: #c4b5fd; }

    .rch-cursor-agent-panel {
        border-top: 1px solid rgba(255, 255, 255, .08);
        background: #111827;
    }

    .rch-cursor-agent-panel-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 11px 0;
        color: #f8fafc;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head {
        padding: 15px 17px 0;
        font-size: 13px;
    }

    .rch-cursor-agent-panel-head span {
        color: #22c55e;
        font-size: 6px;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head span {
        font-size: 9px;
    }

    .rch-cursor-agent-prompt {
        margin: 8px 11px 0;
        padding: 8px 9px;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 10px;
        color: #dbeafe;
        background: #0b1220;
        font-size: 7px;
        line-height: 1.45;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-prompt {
        margin: 10px 17px 0;
        padding: 10px 13px;
        border-radius: 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks {
        display: grid;
        gap: 5px;
        margin: 8px 11px 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks {
        gap: 8px;
        margin: 11px 17px 0;
    }

    .rch-cursor-agent-checks div {
        display: grid;
        grid-template-columns: 14px minmax(0, 1fr) auto;
        gap: 7px;
        color: #94a3b8;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks div {
        grid-template-columns: 20px minmax(0, 1fr) auto;
        gap: 9px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks b {
        color: #22c55e;
        font-size: 8px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks b {
        font-size: 12px;
    }

    .rch-cursor-agent-checks small {
        color: #64748b;
        font-size: 6px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks small {
        font-size: 9px;
    }

    .rch-connected {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #15803d;
        font-size: 10px;
        font-weight: 850;
    }

    .rch-demo-message {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        margin-bottom: 17px;
    }

    .rch-demo-message.user {
        justify-content: flex-end;
    }

    .rch-demo-bubble {
        max-width: 255px;
        padding: 12px 13px;
        border: 1px solid var(--rch-line);
        border-radius: 15px;
        color: var(--rch-text-soft);
        background: #fff;
        font-size: 12px;
        line-height: 1.58;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .04);
    }

    .rch-demo-bubble.user {
        color: #fff;
        background: var(--rch-purple);
        border-color: var(--rch-purple);
        border-bottom-right-radius: 5px;
    }

    .rch-demo-avatar {
        display: grid;
        width: 28px;
        height: 28px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-purple-2));
        font-size: 10px;
        font-weight: 900;
    }

    .rch-demo-avatar.user {
        color: var(--rch-text);
        background: #eaecf0;
    }

    .rch-report-shell {
        display: grid;
        gap: 12px;
    }

    .rch-report-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 1px 2px 3px;
    }

    .rch-report-kicker {
        color: var(--rch-purple);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .rch-report-title {
        margin-top: 4px;
        color: var(--rch-text);
        font-size: 18px;
        font-weight: 850;
        letter-spacing: -.03em;
    }

    .rch-report-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 29px;
        padding: 0 10px;
        border-radius: 999px;
        color: #15803d;
        background: var(--rch-green-soft);
        font-size: 9px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-report-kpis {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-report-kpi,
.rch-report-card {
        border: 1px solid var(--rch-line);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 22px rgba(16, 24, 40, .035);
    }

    .rch-report-kpi {
        padding: 12px;
    }

    .rch-report-kpi span {
        display: block;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-report-kpi strong {
        display: block;
        margin-top: 7px;
        color: var(--rch-text);
        font-size: 19px;
        letter-spacing: -.04em;
    }

    .rch-report-kpi small {
        display: block;
        margin-top: 4px;
        color: var(--rch-green);
        font-size: 8px;
        font-weight: 850;
    }

    .rch-report-card {
        padding: 14px;
    }

    .rch-report-card-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-report-card-title span {
        color: var(--rch-green);
        font-size: 9px;
    }

    .rch-report-chart svg {
        display: block;
        width: 100%;
        height: 138px;
        margin-top: 5px;
    }

    .rch-chart-line {
        stroke-dasharray: 480;
        stroke-dashoffset: 480;
        animation: rch-draw 1.1s .1s ease forwards;
    }

    .rch-chart-area {
        opacity: 0;
        animation: rch-area .8s .45s ease forwards;
    }

    @keyframes rch-draw {
        to {
            stroke-dashoffset: 0;
        }
    }

    @keyframes rch-area {
        to {
            opacity: 1;
        }
    }

    .rch-scenario-gpt {
        overflow: hidden;
        border: 1px solid rgba(231, 231, 233, .72);
        border-radius: 28px;
        background: #fff;
        box-shadow: 0 10px 28px rgba(16, 24, 40, .045);
    }

    .rch-scenario-gpt-top {
        display: grid;
        grid-template-columns: 94px minmax(0, 1fr) auto;
        align-items: center;
        min-height: 56px;
        padding-right: 17px;
        border-bottom: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-gpt-title {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #202123;
        font-size: 13px;
        font-weight: 850;
    }

    .rch-scenario-gpt-title span {
        display: grid;
        width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt-grid {
        display: grid;
        grid-template-columns: 310px minmax(0, 1fr);
        min-height: 520px;
    }

    .rch-scenario-chat {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-chat-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: auto;
        padding: 18px 15px;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message {
        opacity: 0;
        transform: translateY(8px);
        animation-duration: 13s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(1) {
        animation-name: rch-scenario-message-1;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(2) {
        animation-name: rch-scenario-message-2;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(3) {
        animation-name: rch-scenario-message-3;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(4) {
        animation-name: rch-scenario-message-4;
    }

    @keyframes rch-scenario-message-1 {
        0%,
6% { opacity: 0; transform: translateY(8px); }
        10%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-2 {
        0%,
14% { opacity: 0; transform: translateY(8px); }
        19%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-3 {
        0%,
46% { opacity: 0; transform: translateY(8px); }
        51%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-4 {
        0%,
55% { opacity: 0; transform: translateY(8px); }
        60%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    .rch-scenario-composer {
        margin: auto 14px 14px;
        padding: 11px 12px;
        border: 1px solid #dedfe2;
        border-radius: 18px;
        color: #8a8d94;
        background: #fff;
        box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
        font-size: 11px;
    }

    .rch-scenario-composer-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 14px;
    }

    .rch-scenario-composer-tools {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #6b6d74;
        font-size: 9px;
        font-weight: 750;
    }

    .rch-scenario-composer-tools span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 23px;
        padding: 0 8px;
        border: 1px solid #ececec;
        border-radius: 999px;
        background: #f7f7f8;
    }

    .rch-scenario-send {
        display: grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111827;
        font-size: 12px;
        font-weight: 900;
    }

    .rch-scenario-gpt .rch-demo-bubble {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-scenario-gpt .rch-demo-bubble.user {
        color: #202123;
        background: #f1f1f1;
        border-radius: 15px 15px 5px 15px;
    }

    .rch-scenario-gpt .rch-demo-avatar {
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt .rch-demo-avatar.user {
        color: #3f4147;
        background: #e7e7e9;
    }

    .rch-scenario-output {
        min-width: 0;
        background: #f7f7f8;
    }

    .rch-scenario-output-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 54px;
        padding: 0 16px;
        border-bottom: 1px solid #f0f0f1;
        color: #202123;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-scenario-output-body {
        position: relative;
        height: 466px;
        overflow: auto;
        padding: 17px;
    }

    .rch-result-list {
        display: grid;
        gap: 9px;
    }

    .rch-result-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 11px;
        align-items: center;
        padding: 12px;
        border: 1px solid var(--rch-line);
        border-radius: 13px;
        background: #fff;
    }

    .rch-result-row-icon {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-result-row strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
    }

    .rch-result-row span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-result-row-value {
        color: var(--rch-text);
        font-size: 10px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-result-summary {
        margin-top: 12px;
        padding: 14px;
        border: 1px solid #d9c7ff;
        border-radius: 14px;
        color: var(--rch-text-soft);
        background: var(--rch-purple-soft);
        font-size: 10px;
        line-height: 1.6;
    }

    .rch-result-summary strong {
        color: var(--rch-purple);
        font-size: 12px;
    }

    .rch-output-state {
        opacity: 0;
        animation: rch-output-primary 13s ease-in-out infinite;
    }

    .rch-output-state-secondary {
        position: absolute;
        inset: 17px;
        opacity: 0;
        pointer-events: none;
        animation: rch-output-secondary 13s ease-in-out infinite;
    }

    @keyframes rch-output-primary {
        0%,
20% {
            opacity: 0;
            transform: translateY(8px);
        }

        25%,
50% {
            opacity: 1;
            transform: translateY(0);
        }

        56%,
100% {
            opacity: 0;
            transform: translateY(-6px);
        }
    }

    @keyframes rch-output-secondary {
        0%,
61% {
            opacity: 0;
            transform: translateY(8px);
        }

        66%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(6px);
        }
    }

    .rch-feature-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
        gap: 54px;
        align-items: center;
    }

    .rch-check-list {
        display: grid;
        gap: 14px;
    }

    .rch-check {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 13px;
        align-items: start;
        color: var(--rch-text-soft);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-check i {
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-style: normal;
        font-weight: 950;
    }

    .rch-check strong {
        color: var(--rch-text);
        font-weight: 900;
    }

    .rch-footer-spacer {
        padding: 42px 0 0;
        background: #fff;
    }

    @media (max-width: 1199px) {
        .rch-section-head,
.rch-feature-split {
            grid-template-columns: 1fr;
        }

        .rch-sales-subsection {
            grid-template-columns: 1fr;
            gap: 28px;
        }

        .rch-module-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-scenario-gpt-grid {
            grid-template-columns: 1fr;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-ui {
            min-height: auto;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
        }

        .rch-scenario-cursor-agent .rch-cursor-titlebar {
            grid-column: 1;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 10px;
        }

        .rch-scenario-cursor-agent .rch-cursor-command-center {
            justify-self: stretch;
        }

        .rch-scenario-cursor-agent .rch-cursor-window-label,
.rch-scenario-cursor-agent .rch-cursor-activity {
            display: none;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-files {
            border-right: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-main {
            grid-template-rows: 44px minmax(260px, 1fr) 265px;
        }

        .rch-scenario-chat {
            min-height: 300px;
            border-right: 0;
            border-bottom: 1px solid #e7e7e9;
        }

        .rch-scenario-output-body {
            height: auto;
            max-height: none;
        }
    }

    @media (max-width: 991px) {
        .rch-section {
            padding: 86px 0;
        }

        .rch-hero {
            padding: 140px 0 86px;
        }

        .rch-title-xl {
            font-size: clamp(48px, 13vw, 70px);
        }

        .rch-title-lg {
            font-size: clamp(38px, 10vw, 56px);
        }
    }

    @media (max-width: 767px) {
        .rch-container {
            width: min(100% - 28px, 1240px);
        }

        .rch-module-grid {
            grid-template-columns: 1fr;
        }

        .rch-create-flow,
.rch-recovery-flow,
.rch-sale-detail-grid,
.rch-sales-call-layout {
            grid-template-columns: 1fr;
        }

        .rch-shipping-fulfillment-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-product-catalog-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-sales-call-core {
            border-right: 0;
            border-bottom: 1px solid rgba(231, 234, 243, .84);
        }

        .rch-sales-call-meta {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-step {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-hero {
            flex-direction: column;
        }

        .rch-sale-detail-step {
            align-items: start;
        }

        .rch-sale-detail-step em {
            justify-self: start;
        }

        .rch-scenario-gpt-top {
            grid-template-columns: 82px minmax(0, 1fr) auto;
        }

        .rch-connected {
            display: none;
        }

        .rch-report-kpis {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-assistant-flow {
            position: relative;
            min-height: auto;
            display: grid;
            gap: 18px;
            grid-template-columns: 1fr;
            grid-template-rows: none;
            justify-items: center;
            padding: 22px 16px;
        }

        .rch-assistant-svg {
            display: none;
        }

        .rch-assistant-node.branch,
.rch-assistant-node.notify,
.rch-assistant-node.followup {
            display: none;
        }

        .rch-assistant-node {
            position: relative;
            grid-column: auto !important;
            grid-row: auto !important;
            height: auto;
            min-height: auto;
            align-self: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            width: min(320px, 100%);
            transform: none !important;
        }

        .rch-assistant-node.start::after,
.rch-assistant-node.context::after,
.rch-assistant-node.action::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 2px;
            height: 18px;
            border-radius: 999px;
            background: rgba(110, 0, 190, .18);
            transform: translateX(-50%);
        }
    }


:root {
        --rch-bg: #ffffff;
        --rch-bg-soft: #f7f8fc;
        --rch-bg-lavender: #fbf9ff;
        --rch-text: #101828;
        --rch-text-soft: #475467;
        --rch-muted: #667085;
        --rch-line: #e7eaf3;
        --rch-purple: #6e00be;
        --rch-purple-2: #8b5cf6;
        --rch-purple-soft: #f3ecff;
        --rch-blue: #1a8bff;
        --rch-blue-soft: #eef6ff;
        --rch-pink: #ff2171;
        --rch-green: #16a34a;
        --rch-green-soft: #ecfdf3;
        --rch-orange: #f97316;
        --rch-orange-soft: #fff7ed;
        --rch-red: #ef4444;
        --rch-red-soft: #fef2f2;
        --rch-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rch-shadow-soft: 0 14px 42px rgba(16, 24, 40, .07);
        --rch-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    html {
        scroll-behavior: auto;
    }

    .rch-page {
        overflow: hidden;
        background: var(--rch-bg);
        color: var(--rch-text);
        font-family: var(--rch-font);
    }

    .rch-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rch-section {
        position: relative;
        padding: 112px 0;
    }

    .rch-title {
        margin: 18px 0 0;
        color: var(--rch-text);
        font-weight: 740;
        letter-spacing: -.045em;
        line-height: 1.02;
    }

    .rch-title-xl {
        max-width: 1060px;
        font-size: clamp(62px, 7.1vw, 95px);
    }

    .rch-title-xl .rch-gradient-text {
        white-space: normal;
    }

    .rch-title-lg {
        font-size: clamp(38px, 5vw, 68px);
    }

    .rch-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-right: .08em;
        padding-bottom: .08em;
        margin-top: -.04em;
        margin-right: -.08em;
        margin-bottom: -.08em;
        overflow: visible;
        color: var(--rch-purple);
        background: linear-gradient(110deg, var(--rch-purple), var(--rch-blue) 65%, var(--rch-pink));
        background-clip: text;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .rch-lede {
        max-width: 720px;
        margin: 30px 0 0;
        color: var(--rch-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rch-copy {
        color: var(--rch-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .rch-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        background: var(--rch-purple-soft);
        color: var(--rch-purple);
        font-size: 13px;
        font-weight: 850;
        letter-spacing: .01em;
        white-space: nowrap;
    }

    .rch-dot {
        width: 8px;
        height: 8px;
        flex: 0 0 auto;
        border-radius: 999px;
        background: var(--rch-green);
        box-shadow: 0 0 0 5px rgba(22, 163, 74, .12);
    }

    .rch-hero {
        position: relative;
        padding: 168px 0 126px;
        background:
            radial-gradient(circle at 9% 8%, rgba(139, 92, 246, .13), transparent 28%),
            radial-gradient(circle at 92% 12%, rgba(26, 139, 255, .12), transparent 28%),
            linear-gradient(180deg, #fff 0%, #fbfbff 100%);
    }

    .rch-hero::after {
        position: absolute;
        right: -180px;
        bottom: -250px;
        width: 620px;
        height: 620px;
        border: 1px solid rgba(110, 0, 190, .08);
        border-radius: 999px;
        content: "";
        box-shadow:
            0 0 0 80px rgba(110, 0, 190, .025),
            0 0 0 160px rgba(26, 139, 255, .018);
    }

    .rch-hero-grid {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, 1060px);
        gap: 0;
        align-items: center;
    }

    .rch-anchor-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 36px;
    }

    .rch-anchor-row a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 0 13px;
        border: 1px solid var(--rch-line);
        border-radius: 999px;
        background: rgba(255, 255, 255, .82);
        color: var(--rch-text-soft);
        font-size: 13px;
        font-weight: 800;
        text-decoration: none !important;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .04);
    }

    .rch-doc-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin: -30px 0 46px;
    }

    .rch-doc-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 13px;
        border: 1px solid var(--rch-line);
        border-radius: 999px;
        background: rgba(255, 255, 255, .82);
        color: var(--rch-text-soft) !important;
        font-size: 13px;
        font-weight: 800;
        text-decoration: none !important;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .04);
    }

    .rch-doc-btn:hover {
        color: var(--rch-text-soft) !important;
        background: #fff;
        text-decoration: none !important;
        transform: translateY(-1px);
    }

    .rch-card-doc-row {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 7px;
        margin-top: 18px;
    }

    .rch-card-doc-row .rch-doc-btn {
        min-height: 28px;
        padding: 0 10px;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .04em;
    }

    .rch-window-dots {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .rch-window-dots span {
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background: #e3e6ee;
    }

    .rch-section-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 470px);
        gap: 48px;
        align-items: center;
        margin-bottom: 56px;
    }

    .rch-section-eyebrow {
        margin-bottom: 18px;
    }

    .rch-section-head .rch-title {
        margin-top: 0;
    }

    .rch-section-head .rch-copy {
        align-self: center;
        margin: 0;
    }

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

    .rch-card {
        position: relative;
        overflow: hidden;
        min-height: 230px;
        padding: 28px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 28px;
        background: rgba(255, 255, 255, .9);
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-card::after {
        position: absolute;
        right: -50px;
        bottom: -70px;
        width: 160px;
        height: 160px;
        border-radius: 999px;
        background: radial-gradient(circle, rgba(110, 0, 190, .11), transparent 65%);
        content: "";
    }

    .rch-card > * {
        position: relative;
        z-index: 2;
    }

    .rch-card small {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-card strong {
        display: block;
        margin-top: 18px;
        color: var(--rch-text);
        font-size: 24px;
        line-height: 1.08;
        letter-spacing: -.04em;
    }

    .rch-card p {
        margin: 13px 0 0;
        color: var(--rch-text-soft);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-feature-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
        gap: 54px;
        align-items: center;
    }

    .rch-feature-copy .rch-title {
        margin-top: 0;
    }

    .rch-check-list {
        display: grid;
        gap: 13px;
        margin-top: 30px;
    }

    .rch-check {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        color: var(--rch-text-soft);
        font-size: 15px;
        line-height: 1.55;
    }

    .rch-check i {
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 999px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-style: normal;
        font-weight: 950;
    }

    .rch-assistant-ui {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 12% 18%, rgba(22, 163, 74, .08), transparent 28%),
            radial-gradient(circle at 88% 16%, rgba(110, 0, 190, .08), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .94));
        box-shadow: 0 28px 78px rgba(16, 24, 40, .11);
    }

    .rch-assistant-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 64px;
        padding: 0 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        background: rgba(255, 255, 255, .68);
    }

    .rch-assistant-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: var(--rch-text);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.02em;
    }

    .rch-assistant-brand span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 12px;
        font-weight: 950;
    }

    .rch-assistant-pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: var(--rch-bg-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-assistant-flow {
        --rch-assistant-node-height: 108px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(104px, 1fr)) minmax(34px, .34fr) repeat(2, minmax(104px, 1fr));
        grid-template-rows: repeat(3, var(--rch-assistant-node-height));
        gap: 12px 0;
        align-items: center;
        min-height: 404px;
        padding: 28px 22px;
        background:
            linear-gradient(rgba(16, 24, 40, .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px);
        background-size: 34px 34px;
    }

    .rch-assistant-svg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
    }

    .rch-assistant-svg > path {
        fill: none;
        stroke: rgba(110, 0, 190, .24);
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .rch-assistant-node {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        justify-self: center;
        width: 84%;
        min-height: var(--rch-assistant-node-height);
        padding: 12px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 18px;
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 16px 34px rgba(16, 24, 40, .075);
    }

    .rch-assistant-node small {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 0 8px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .rch-assistant-node strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 13.5px;
        line-height: 1.05;
        letter-spacing: -.035em;
    }

    .rch-assistant-node span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-assistant-node.wait small {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-assistant-node.output small {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-assistant-node.start {
        grid-column: 1;
        grid-row: 2;
    }

    .rch-assistant-node.context {
        grid-column: 2;
        grid-row: 2;
    }

    .rch-assistant-node.branch {
        grid-column: 3;
        grid-row: 2;
    }

    .rch-assistant-node.action {
        grid-column: 5;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.output {
        grid-column: 6;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.notify {
        grid-column: 5;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-assistant-node.followup {
        grid-column: 6;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-smartbin-grid {
        display: grid;
        grid-template-columns: minmax(250px, .58fr) minmax(620px, 1.42fr);
        gap: 42px;
        align-items: center;
    }

    .rch-smartbin-flow {
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
        align-items: stretch;
        padding: 0;
    }

    .rch-smartbin-flow::before {
        position: absolute;
        top: 50%;
        right: 70px;
        left: 70px;
        height: 2px;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(110, 0, 190, .16), rgba(26, 139, 255, .22), rgba(22, 163, 74, .18));
        content: "";
        transform: translateY(-50%);
    }

    .rch-smartbin-stage {
        position: relative;
        z-index: 2;
        min-height: 250px;
        padding: 22px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 24px;
        background: rgba(255, 255, 255, .92);
        box-shadow: 0 16px 36px rgba(16, 24, 40, .07);
    }

    .rch-smartbin-stage-icon {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border-radius: 15px;
        font-size: 13px;
        font-weight: 950;
    }

    .rch-smartbin-stage:nth-child(1) .rch-smartbin-stage-icon {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-smartbin-stage:nth-child(2) .rch-smartbin-stage-icon {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-smartbin-stage:nth-child(3) .rch-smartbin-stage-icon {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-smartbin-stage small {
        display: block;
        margin-top: 22px;
        color: var(--rch-muted);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-smartbin-stage strong {
        display: block;
        margin-top: 10px;
        color: var(--rch-text);
        font-size: 24px;
        line-height: 1.05;
        letter-spacing: -.045em;
    }

    .rch-smartbin-stage span {
        display: block;
        margin-top: 11px;
        color: var(--rch-text-soft);
        font-size: 14px;
        line-height: 1.55;
    }

    .rch-smartbin-meta {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 18px;
    }

    .rch-smartbin-meta b {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 950;
    }

    .rch-smartbin-stage:nth-child(1) .rch-smartbin-meta b {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-smartbin-stage:nth-child(2) .rch-smartbin-meta b {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-smartbin-stage:nth-child(3) .rch-smartbin-meta b {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-recovery-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .rch-recovery-card {
        min-height: 360px;
    }

    .rch-recovery-card .rch-rate {
        display: flex;
        align-items: end;
        gap: 6px;
        margin-top: 22px;
        color: var(--rch-purple);
        font-size: 70px;
        font-weight: 850;
        line-height: .9;
        letter-spacing: -.08em;
    }

    .rch-recovery-card .rch-rate sup {
        top: auto;
        margin-bottom: 12px;
        color: var(--rch-muted);
        font-size: 24px;
        font-weight: 600;
    }

    .rch-card-storage-layout {
        display: grid;
        grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
        gap: 58px;
        align-items: center;
        margin-top: 30px;
    }

    .rch-card-stencil-wrap {
        position: relative;
        display: grid;
        min-height: 320px;
        place-items: center;
    }

    .rch-card-stencil {
        position: relative;
        z-index: 2;
        width: min(100%, 430px);
        overflow: hidden;
        padding: 28px 28px 30px;
        border: 1.5px solid rgba(71, 85, 105, .36);
        border-radius: 30px;
        color: #475569;
        background:
            linear-gradient(135deg, rgba(100, 116, 139, .075), transparent 42%),
            repeating-linear-gradient(0deg, rgba(148, 163, 184, .15) 0 1px, transparent 1px 16px),
            repeating-linear-gradient(90deg, rgba(148, 163, 184, .15) 0 1px, transparent 1px 16px),
            #f8fafc;
        box-shadow: 0 24px 46px rgba(15, 23, 42, .08);
    }

    .rch-card-stencil::before {
        position: absolute;
        inset: 14px;
        border: 1px dashed rgba(71, 85, 105, .24);
        border-radius: 22px;
        content: "";
    }

    .rch-stencil-top,
.rch-stencil-chip-row,
.rch-stencil-number,
.rch-stencil-bottom {
        position: relative;
        z-index: 2;
    }

    .rch-stencil-top,
.rch-stencil-chip-row,
.rch-stencil-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .rch-stencil-top span {
        color: rgba(71, 85, 105, .82);
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-stencil-top em {
        padding: 6px 10px;
        border: 1px solid rgba(71, 85, 105, .24);
        border-radius: 999px;
        color: rgba(71, 85, 105, .68);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-stencil-chip-row {
        margin-top: 34px;
    }

    .rch-stencil-chip {
        position: relative;
        width: 54px;
        height: 40px;
        border: 1.5px solid rgba(71, 85, 105, .70);
        border-radius: 10px;
        background:
            linear-gradient(90deg, rgba(71, 85, 105, .08), transparent 44%),
            rgba(248, 250, 252, .45);
    }

    .rch-stencil-chip::before,
.rch-stencil-chip::after {
        position: absolute;
        background: rgba(71, 85, 105, .56);
        content: "";
    }

    .rch-stencil-chip::before {
        left: 0;
        right: 0;
        top: 50%;
        height: 2px;
        transform: translateY(-50%);
    }

    .rch-stencil-chip::after {
        top: 0;
        bottom: 0;
        left: 50%;
        width: 2px;
        transform: translateX(-50%);
    }

    .rch-stencil-number {
        display: flex;
        gap: 14px;
        margin-top: 34px;
        color: rgba(51, 65, 85, .84);
        font-size: clamp(24px, 3vw, 32px);
        font-weight: 850;
        letter-spacing: .08em;
        white-space: nowrap;
    }

    .rch-stencil-bottom {
        margin-top: 22px;
    }

    .rch-stencil-bottom > div:first-child {
        flex: 1 1 auto;
        min-width: 0;
    }

    .rch-stencil-bottom > div:nth-child(2) {
        flex: 0 0 auto;
    }

    .rch-stencil-bottom small {
        display: block;
        color: rgba(71, 85, 105, .48);
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-stencil-bottom strong {
        display: block;
        margin-top: 5px;
        color: rgba(51, 65, 85, .84);
        font-size: 12px;
        font-weight: 950;
        letter-spacing: .025em;
        white-space: nowrap;
    }

    .rch-stencil-network {
        position: relative;
        width: 54px;
        min-width: 54px;
        height: 34px;
    }

    .rch-stencil-network span {
        position: absolute;
        top: 4px;
        width: 30px;
        height: 30px;
        border: 1.5px solid rgba(71, 85, 105, .68);
        border-radius: 999px;
    }

    .rch-stencil-network span:first-child {
        left: 0;
    }

    .rch-stencil-network span:last-child {
        right: 0;
        background: rgba(248, 250, 252, .72);
    }

    .rch-storage-steps {
        display: grid;
        gap: 0;
    }

    .rch-storage-step {
        position: relative;
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
        padding: 24px 0;
        border-bottom: 1px solid rgba(16, 24, 40, .10);
    }

    .rch-storage-step::before {
        position: absolute;
        top: 24px;
        bottom: 24px;
        left: -18px;
        width: 3px;
        border-radius: 999px;
        background: var(--rch-purple);
        content: "";
        opacity: .75;
    }

    .rch-storage-step:nth-child(1)::before {
        background: var(--rch-blue);
    }

    .rch-storage-step:nth-child(2)::before {
        background: var(--rch-purple);
    }

    .rch-storage-step:nth-child(3)::before {
        background: var(--rch-green);
    }

    .rch-storage-step:first-child {
        padding-top: 0;
    }

    .rch-storage-step:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .rch-storage-step i {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        border: 1px solid rgba(16, 24, 40, .18);
        border-radius: 16px;
        color: var(--rch-purple);
        background: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 950;
        letter-spacing: .05em;
        box-shadow: 0 14px 28px rgba(16, 24, 40, .08);
    }

    .rch-storage-step:nth-child(1) i {
        color: var(--rch-blue);
        border-color: rgba(26, 139, 255, .22);
        background: rgba(26, 139, 255, .08);
    }

    .rch-storage-step:nth-child(2) i {
        color: var(--rch-purple);
        border-color: rgba(110, 0, 190, .20);
        background: var(--rch-purple-soft);
    }

    .rch-storage-step:nth-child(3) i {
        color: var(--rch-green);
        border-color: rgba(22, 163, 74, .20);
        background: var(--rch-green-soft);
    }

    .rch-storage-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 28px;
        font-weight: 950;
        letter-spacing: -.05em;
        line-height: 1;
    }

    .rch-storage-step span {
        display: block;
        margin-top: 9px;
        color: var(--rch-muted);
        font-size: 15px;
        line-height: 1.65;
    }

    .rch-sentinel-console {
        display: grid;
        grid-template-columns: minmax(260px, .92fr) minmax(360px, 1.16fr) minmax(260px, .92fr);
        gap: 22px;
        align-items: center;
        margin-top: 36px;
    }

    .rch-sentinel-column {
        display: grid;
        gap: 12px;
    }

    .rch-sentinel-kicker {
        color: var(--rch-purple);
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sentinel-signal,
.rch-sentinel-action {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        align-items: center;
        padding: 15px;
        border: 1px solid rgba(231, 234, 243, .9);
        border-radius: 18px;
        background: rgba(255, 255, 255, .86);
        box-shadow: 0 12px 28px rgba(16, 24, 40, .05);
    }

    .rch-sentinel-signal i,
.rch-sentinel-action i {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border-radius: 14px;
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
        letter-spacing: .04em;
    }

    .rch-sentinel-signal:nth-child(2) i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sentinel-signal:nth-child(3) i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sentinel-signal:nth-child(4) i {
        color: var(--rch-orange);
        background: var(--rch-orange-soft);
    }

    .rch-sentinel-action:nth-child(2) i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-sentinel-action:nth-child(3) i {
        color: var(--rch-red);
        background: var(--rch-red-soft);
    }

    .rch-sentinel-action:nth-child(4) i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sentinel-signal strong,
.rch-sentinel-action strong {
        display: block;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.18;
        letter-spacing: -.03em;
    }

    .rch-sentinel-signal span,
.rch-sentinel-action span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.42;
    }

    .rch-sentinel-core {
        position: relative;
        overflow: hidden;
        min-height: 410px;
        padding: 24px;
        border: 1px solid rgba(110, 0, 190, .18);
        border-radius: 34px;
        background:
            radial-gradient(circle at 50% 24%, rgba(110, 0, 190, .22), transparent 34%),
            radial-gradient(circle at 18% 86%, rgba(26, 139, 255, .16), transparent 30%),
            linear-gradient(180deg, #141827, #0b1020);
        box-shadow: 0 30px 80px rgba(16, 24, 40, .22);
        color: #fff;
    }

    .rch-sentinel-core::before {
        position: absolute;
        inset: 18px;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 25px;
        content: "";
        pointer-events: none;
    }

    .rch-sentinel-core-top {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
    }

    .rch-sentinel-core-top span {
        color: rgba(255, 255, 255, .62);
        font-size: 11px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sentinel-core-top em {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border: 1px solid rgba(167, 243, 208, .22);
        border-radius: 999px;
        color: #a7f3d0;
        background: rgba(22, 163, 74, .12);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-sentinel-score {
        position: relative;
        z-index: 2;
        display: grid;
        width: 190px;
        height: 190px;
        margin: 44px auto 34px;
        place-items: center;
        border: 1px solid rgba(255, 255, 255, .11);
        border-radius: 999px;
        background:
            radial-gradient(circle, rgba(255, 255, 255, .10), transparent 62%),
            conic-gradient(from 210deg, var(--rch-green), var(--rch-blue), var(--rch-purple), var(--rch-red), var(--rch-orange), var(--rch-green));
        box-shadow: 0 0 0 18px rgba(255, 255, 255, .035);
    }

    .rch-sentinel-score::before {
        position: absolute;
        inset: 15px;
        border-radius: 999px;
        background: #101828;
        content: "";
    }

    .rch-sentinel-score strong {
        position: relative;
        z-index: 2;
        font-size: 58px;
        font-weight: 950;
        letter-spacing: -.08em;
    }

    .rch-sentinel-score strong span {
        margin-left: 3px;
        color: rgba(255, 255, 255, .52);
        font-size: 17px;
        letter-spacing: -.04em;
    }

    .rch-sentinel-score small {
        position: absolute;
        z-index: 2;
        bottom: 48px;
        color: rgba(255, 255, 255, .52);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .14em;
        text-transform: uppercase;
    }

    .rch-sentinel-verdict {
        position: relative;
        z-index: 2;
        display: grid;
        gap: 10px;
        padding: 16px;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 20px;
        background: rgba(255, 255, 255, .06);
    }

    .rch-sentinel-verdict div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: rgba(255, 255, 255, .62);
        font-size: 12px;
        font-weight: 850;
    }

    .rch-sentinel-verdict strong {
        color: #fff;
        font-size: 14px;
        letter-spacing: -.02em;
    }

    .rch-case-study-list {
        display: grid;
        gap: 28px;
    }

    .rch-case-study-card {
        display: grid;
        grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
        gap: 42px;
        align-items: center;
        min-height: 270px;
        padding: 34px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 32px;
        background: #fff;
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-case-study-brief small {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 11px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-case-study-brief strong {
        display: block;
        margin-top: 18px;
        color: var(--rch-text);
        font-size: clamp(28px, 3vw, 42px);
        font-weight: 700;
        letter-spacing: -.055em;
        line-height: 1;
    }

    .rch-case-study-brief p {
        margin: 18px 0 0;
        color: var(--rch-text-soft);
        font-size: 16px;
        line-height: 1.55;
    }

    .rch-case-study-explainer {
        display: grid;
        gap: 14px;
        padding-left: 34px;
        border-left: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-case-study-explainer p {
        margin: 0;
        color: var(--rch-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    #section-memory .rch-card::after {
        display: none;
    }

    .rch-footer-spacer {
        padding: 42px 0 0;
        background: #fff;
    }

    @media (max-width: 1199px) {
        .rch-hero-grid,
.rch-feature-split,
.rch-smartbin-grid {
            grid-template-columns: 1fr;
        }

        .rch-sentinel-console {
            grid-template-columns: 1fr;
            gap: 18px;
        }

        .rch-case-study-card {
            grid-template-columns: 1fr;
            gap: 26px;
        }

        .rch-case-study-explainer {
            padding-top: 24px;
            padding-left: 0;
            border-top: 1px solid rgba(231, 234, 243, .92);
            border-left: 0;
        }
    }

    @media (max-width: 991px) {
        .rch-section {
            padding: 86px 0;
        }

        .rch-hero {
            padding: 140px 0 86px;
        }

        .rch-section-head,
.rch-card-grid,
.rch-recovery-grid,
.rch-card-storage-layout {
            grid-template-columns: 1fr;
        }

        .rch-section-head {
            gap: 20px;
        }

        .rch-assistant-flow {
            position: relative;
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: none;
            justify-items: center;
            gap: 18px;
            min-height: auto;
            padding: 22px 16px;
        }

        .rch-assistant-svg {
            display: none;
        }

        .rch-assistant-node.branch,
.rch-assistant-node.notify,
.rch-assistant-node.followup {
            display: none;
        }

        .rch-assistant-node {
            position: relative;
            grid-column: auto !important;
            grid-row: auto !important;
            width: min(320px, 100%);
            min-height: auto;
            align-self: auto !important;
            transform: none !important;
        }

        .rch-assistant-node.start::after,
.rch-assistant-node.context::after,
.rch-assistant-node.action::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 2px;
            height: 18px;
            border-radius: 999px;
            background: rgba(110, 0, 190, .18);
            transform: translateX(-50%);
        }

    }

    @media (max-width: 767px) {
        .rch-container {
            width: min(100% - 28px, 1240px);
        }

        .rch-title-xl {
            font-size: clamp(46px, 14vw, 64px);
        }

        .rch-title-lg {
            font-size: clamp(36px, 11vw, 50px);
        }

        .rch-lede {
            font-size: 18px;
        }

        .rch-sentinel-core {
            min-height: auto;
            padding: 20px;
        }

        .rch-sentinel-score {
            width: 168px;
            height: 168px;
            margin: 34px auto 26px;
        }

        .rch-smartbin-flow {
            grid-template-columns: 1fr;
            gap: 16px;
            padding: 0;
        }

        .rch-smartbin-flow::before {
            display: none;
        }

        .rch-smartbin-stage {
            min-height: auto;
        }
    }


:root {
        --rch-bg: #ffffff;
        --rch-bg-soft: #f7f8fc;
        --rch-bg-lavender: #fbf9ff;
        --rch-text: #101828;
        --rch-text-soft: #475467;
        --rch-muted: #667085;
        --rch-line: #e7eaf3;
        --rch-purple: #6e00be;
        --rch-purple-2: #8b5cf6;
        --rch-purple-soft: #f3ecff;
        --rch-blue: #1a8bff;
        --rch-blue-soft: #eef6ff;
        --rch-pink: #ff2171;
        --rch-green: #16a34a;
        --rch-green-soft: #ecfdf3;
        --rch-orange: #f97316;
        --rch-orange-soft: #fff7ed;
        --rch-red: #ef4444;
        --rch-red-soft: #fef2f2;
        --rch-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rch-shadow-soft: 0 14px 42px rgba(16, 24, 40, .07);
        --rch-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    html {
        scroll-behavior: auto;
    }

    .rch-page {
        overflow: hidden;
        background: var(--rch-bg);
        color: var(--rch-text);
        font-family: var(--rch-font);
    }

    .rch-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rch-section {
        position: relative;
        padding: 112px 0;
    }

    .rch-hero {
        padding: 178px 0 104px;
        background:
            radial-gradient(circle at 15% 20%, rgba(110, 0, 190, .11), transparent 32%),
            radial-gradient(circle at 82% 12%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fafbff 72%, #fff);
    }

    .rch-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1120px);
        gap: 0;
        align-items: center;
    }

    .rch-title {
        margin: 18px 0 0;
        color: var(--rch-text);
        font-weight: 740;
        letter-spacing: -.045em;
        line-height: 1.02;
    }

    .rch-title-xl {
        max-width: 1060px;
        font-size: clamp(62px, 7.1vw, 95px);
    }

    .rch-title-xl .rch-gradient-text {
        white-space: normal;
    }

    .rch-title-lg {
        font-size: clamp(38px, 5vw, 68px);
    }

    .rch-title-lg .rch-gradient-text {
        display: inline;
        padding-right: .04em;
        margin-right: 0;
        white-space: normal;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    .rch-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-right: .08em;
        padding-bottom: .08em;
        margin-top: -.04em;
        margin-right: -.08em;
        margin-bottom: -.08em;
        overflow: visible;
        color: var(--rch-purple);
        background: linear-gradient(110deg, var(--rch-purple), var(--rch-blue) 65%, var(--rch-pink));
        background-clip: text;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .rch-lede {
        max-width: 720px;
        margin: 30px 0 0;
        color: var(--rch-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rch-copy {
        color: var(--rch-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .rch-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        background: var(--rch-purple-soft);
        color: var(--rch-purple);
        font-size: 13px;
        font-weight: 850;
        letter-spacing: .01em;
        white-space: nowrap;
    }

    .rch-anchor-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 34px;
    }

    .rch-anchor-row a,
.rch-doc-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 14px;
        border: 1px solid rgba(231, 234, 243, .95);
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: #fff;
        box-shadow: 0 10px 24px rgba(16, 24, 40, .045);
        font-size: 12px;
        font-weight: 850;
        text-decoration: none !important;
    }

    .rch-doc-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin: -30px 0 46px;
    }

    .rch-section-eyebrow {
        margin-bottom: 18px;
    }

    .rch-section-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 470px);
        gap: 48px;
        align-items: center;
        margin-bottom: 56px;
    }

    .rch-section-head .rch-title {
        margin-top: 0;
    }

    .rch-section-head .rch-copy {
        align-self: center;
        margin: 0;
    }

    .rch-window-dots {
        display: flex;
        gap: 7px;
        padding-left: 18px;
    }

    .rch-window-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-window-dots span:nth-child(1) {
        background: #ff5f57;
    }

    .rch-window-dots span:nth-child(2) {
        background: #ffbd2e;
    }

    .rch-window-dots span:nth-child(3) {
        background: #28c840;
    }

    .rch-module-card small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-module-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .rch-module-card {
        min-height: 245px;
        padding: 24px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 26px;
        background: rgba(255, 255, 255, .92);
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-module-card strong {
        display: block;
        margin-top: 14px;
        color: var(--rch-text);
        font-size: 24px;
        line-height: 1.08;
        letter-spacing: -.05em;
    }

    .rch-module-card p {
        margin: 12px 0 0;
        color: var(--rch-text-soft);
        font-size: 14px;
        line-height: 1.62;
    }

    .rch-sales-stack {
        display: grid;
        gap: 148px;
        align-items: start;
    }

    .rch-sales-subsection {
        display: grid;
        grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
        gap: 78px;
        align-items: center;
        min-width: 0;
        overflow: visible;
    }

    .rch-sales-copy small {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        margin: 0 0 18px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
    }

    .rch-sales-copy > strong {
        display: block;
        margin: 0;
        color: var(--rch-text);
        font-size: clamp(34px, 4vw, 56px);
        line-height: .94;
        letter-spacing: -.065em;
    }

    .rch-sales-copy p {
        max-width: none;
        margin: 18px 0 0;
        color: var(--rch-muted);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-create-visual,
.rch-sales-plain-visual {
        width: 100%;
    }

    .rch-create-flow {
        display: grid;
        gap: 16px;
    }

    .rch-create-sources {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-shipping-fulfillment-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-shipping-fulfillment-flow .rch-create-source {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 40px minmax(0, 1fr);
        align-content: start;
        align-items: start;
        justify-items: start;
        height: 100%;
        background: #fff;
    }

    .rch-shipping-fulfillment-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-shipping-fulfillment-flow .rch-create-source > div {
        display: block;
        align-self: start;
        width: 100%;
    }

    .rch-shipping-fulfillment-flow .rch-create-source strong {
        display: block;
    }

    .rch-boundary-flow .rch-create-sources {
        align-items: stretch;
    }

    .rch-product-catalog-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-product-catalog-flow .rch-create-source {
        grid-template-columns: 1fr;
        align-items: start;
        background: #fff;
    }

    .rch-product-catalog-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-create-source,
.rch-recovery-node {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 13px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 17px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-create-source i,
.rch-recovery-node i {
        display: grid;
        width: 40px;
        height: 40px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-create-source strong,
.rch-recovery-node strong {
        display: block;
        color: var(--rch-text);
        font-size: 14px;
        line-height: 1.12;
        letter-spacing: -.02em;
    }

    .rch-create-source span,
.rch-recovery-node span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.4;
    }

    .rch-sale-ticket {
        padding: 0 2px 17px;
        border-bottom: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-sale-ticket small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-ticket strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 30px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-ticket p {
        margin: 10px 0 0;
        color: var(--rch-text-soft);
        font-size: 13px;
        line-height: 1.5;
    }

    .rch-recovery-flow {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px;
        align-items: stretch;
    }

    .rch-recovery-node {
        grid-template-columns: 1fr;
        align-content: start;
        min-height: 175px;
        background: #fff;
    }

    .rch-recovery-node i {
        margin-bottom: 6px;
    }

    .rch-recovery-node.is-decline i {
        color: var(--rch-red);
        background: var(--rch-red-soft);
    }

    .rch-recovery-node.is-action i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-recovery-node.is-result i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-sale-detail-window {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-sale-detail-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 58px;
        padding: 0 20px;
        border-bottom: 1px solid var(--rch-line);
        color: var(--rch-muted);
        font-size: 12px;
        font-weight: 850;
    }

    .rch-sale-detail-body {
        display: grid;
        gap: 18px;
        padding: 22px;
        background:
            radial-gradient(circle at 16% 8%, rgba(110, 0, 190, .06), transparent 28%),
            #fff;
    }

    .rch-sale-detail-hero {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 20px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 24px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-sale-detail-hero small,
.rch-sale-detail-card small {
        display: block;
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-detail-hero strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 32px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-detail-hero span {
        display: block;
        margin-top: 8px;
        color: var(--rch-muted);
        font-size: 13px;
        line-height: 1.45;
    }

    .rch-sale-detail-status {
        flex: 0 0 auto;
        min-height: 34px;
        padding: 9px 12px;
        border-radius: 999px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 11px;
        font-weight: 950;
    }

    .rch-sale-detail-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-sale-detail-card {
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 20px;
        background: #fff;
    }

    .rch-sale-detail-card strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.12;
    }

    .rch-sale-detail-card span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.42;
    }

    .rch-sale-detail-timeline {
        display: grid;
        gap: 10px;
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 22px;
        background: rgba(247, 248, 252, .58);
    }

    .rch-sale-detail-step {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 11px;
        align-items: center;
    }

    .rch-sale-detail-step i {
        display: grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sale-detail-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.14;
    }

    .rch-sale-detail-step span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-sale-detail-step em {
        color: var(--rch-muted);
        font-size: 10px;
        font-style: normal;
        font-weight: 850;
    }

    .rch-assistant-ui {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 12% 18%, rgba(22, 163, 74, .08), transparent 28%),
            radial-gradient(circle at 88% 16%, rgba(110, 0, 190, .08), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .94));
        box-shadow: 0 28px 78px rgba(16, 24, 40, .11);
    }

    .rch-assistant-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 64px;
        padding: 0 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        background: rgba(255, 255, 255, .68);
    }

    .rch-assistant-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: var(--rch-text);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.02em;
    }

    .rch-assistant-brand span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 12px;
        font-weight: 950;
    }

    .rch-assistant-pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: var(--rch-bg-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-assistant-flow {
        --rch-assistant-node-height: 108px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(104px, 1fr)) minmax(34px, .34fr) repeat(2, minmax(104px, 1fr));
        grid-template-rows: repeat(3, var(--rch-assistant-node-height));
        gap: 12px 0;
        align-items: center;
        min-height: 404px;
        padding: 28px 22px;
        background:
            linear-gradient(rgba(16, 24, 40, .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px);
        background-size: 34px 34px;
    }

    .rch-assistant-svg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
    }

    .rch-assistant-svg > path {
        fill: none;
        stroke: rgba(110, 0, 190, .24);
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .rch-assistant-node {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        justify-self: center;
        width: 84%;
        min-height: var(--rch-assistant-node-height);
        padding: 12px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 18px;
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 16px 34px rgba(16, 24, 40, .075);
    }

    .rch-assistant-node small {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 0 8px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .rch-assistant-node strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 13.5px;
        line-height: 1.05;
        letter-spacing: -.035em;
    }

    .rch-assistant-node span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-assistant-node.wait small {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-assistant-node.output small {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-assistant-node.start {
        grid-column: 1;
        grid-row: 2;
    }

    .rch-assistant-node.context {
        grid-column: 2;
        grid-row: 2;
    }

    .rch-assistant-node.branch {
        grid-column: 3;
        grid-row: 2;
    }

    .rch-assistant-node.action {
        grid-column: 5;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.output {
        grid-column: 6;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.notify {
        grid-column: 5;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-assistant-node.followup {
        grid-column: 6;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-sales-voice-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 58px;
        padding: 0 18px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        color: var(--rch-muted);
        font-size: 11px;
        font-weight: 900;
    }

    .rch-sales-voice-title {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--rch-text);
    }

    .rch-sales-voice-arrow {
        display: inline-grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 950;
        line-height: 1;
    }

    .rch-sales-voice-type {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 9px;
        font-weight: 950;
    }

    .rch-sales-voice-person {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 13px;
        align-items: center;
    }

    .rch-sales-voice-person i {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        border-radius: 16px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 12px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-person strong {
        display: block;
        color: var(--rch-text);
        font-size: 17px;
        line-height: 1.08;
        letter-spacing: -.035em;
    }

    .rch-sales-voice-person span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.35;
    }

    .rch-sales-voice-wave {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 84px;
    }

    .rch-sales-voice-wave span {
        width: 7px;
        height: var(--h);
        border-radius: 999px;
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-blue));
        animation: rch-sales-voice-pulse 1.4s ease-in-out infinite;
    }

    .rch-sales-voice-wave span:nth-child(2n) {
        animation-delay: .18s;
    }

    .rch-sales-voice-wave span:nth-child(3n) {
        animation-delay: .34s;
    }

    @keyframes rch-sales-voice-pulse {
        0%,
100% {
            transform: scaleY(.68);
            opacity: .58;
        }

        50% {
            transform: scaleY(1);
            opacity: 1;
        }
    }

    .rch-sales-voice-steps {
        display: grid;
        gap: 10px;
    }

    .rch-sales-voice-step {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-sales-voice-step i {
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.12;
    }

    .rch-sales-voice-step span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.42;
    }

    .rch-sales-call-ui {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 16% 12%, rgba(110, 0, 190, .08), transparent 32%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .88));
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-sales-call-ui.inbound {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.outbound {
        border-color: rgba(110, 0, 190, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(110, 0, 190, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(243, 236, 255, .68));
    }

    .rch-sales-call-ui.rch-call-blue {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-arrow,
.rch-sales-call-ui.inbound .rch-sales-voice-type,
.rch-sales-call-ui.inbound .rch-sales-voice-person i,
.rch-sales-call-ui.inbound .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-arrow,
.rch-sales-call-ui.outbound .rch-sales-voice-type,
.rch-sales-call-ui.outbound .rch-sales-voice-person i,
.rch-sales-call-ui.outbound .rch-sales-voice-step i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-arrow,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-type,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-person i,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-purple-2));
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-layout {
        display: grid;
        grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
        min-height: 380px;
    }

    .rch-sales-call-core {
        display: grid;
        align-content: start;
        gap: 17px;
        padding: 22px;
        border-right: 1px solid rgba(231, 234, 243, .84);
    }

    .rch-sales-call-meta {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-sales-call-meta div {
        min-width: 0;
        padding: 11px 10px;
        border: 1px solid rgba(231, 234, 243, .82);
        border-radius: 17px;
        background: rgba(255, 255, 255, .66);
    }

    .rch-sales-call-meta span {
        display: block;
        color: var(--rch-muted);
        font-size: 8px;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
    }

    .rch-sales-call-meta strong {
        display: block;
        margin-top: 6px;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.15;
        letter-spacing: -.02em;
    }

    .rch-sales-call-transcript {
        display: grid;
        align-content: start;
        gap: 12px;
        padding: 22px;
        background: rgba(255, 255, 255, .58);
    }

    .rch-sales-transcript-title {
        color: var(--rch-muted);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-transcript-row {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-transcript-row i {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-transcript-row.agent i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.inbound .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-transcript-row.caller i {
        color: var(--rch-text);
        background: rgba(17, 24, 39, .06);
    }

    .rch-transcript-bubble {
        padding: 12px 13px;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 18px;
        background: rgba(255, 255, 255, .82);
    }

    .rch-transcript-bubble strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.1;
    }

    .rch-transcript-bubble span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.42;
    }

    .rch-chatgpt-logo {
        display: block;
        width: 18px;
        height: 18px;
        color: currentColor;
    }

    .rch-claude-logo {
        display: block;
        width: 18px;
        height: 18px;
        color: currentColor;
    }

    .rch-cursor-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-scenario-cursor-agent {
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 28px;
        background: #0e1117;
        box-shadow: 0 18px 44px rgba(2, 6, 23, .22);
    }

    .rch-cursor-agent-ui {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        color: #cbd5e1;
        background: #0e1117;
        font-family: "SFMono-Regular", Consolas, monospace;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-ui {
        min-height: 620px;
        grid-template-columns: 44px 156px minmax(0, 1fr);
        grid-template-rows: 38px minmax(0, 1fr);
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 150px minmax(0, 1fr) 150px;
        align-items: center;
        min-height: 38px;
        padding: 0 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
        color: #94a3b8;
        font-size: 11px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(1) { background: #ff5f57; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(2) { background: #ffbd2e; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(3) { background: #28c840; }

    .rch-scenario-cursor-agent .rch-cursor-command-center {
        justify-self: center;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: min(100%, 340px);
        min-height: 25px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 8px;
        background: rgba(255, 255, 255, .045);
        color: #cbd5e1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label {
        justify-self: end;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #e2e8f0;
        font-weight: 850;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label svg {
        width: 15px;
        height: 15px;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity {
        display: grid;
        align-content: start;
        justify-items: center;
        gap: 15px;
        padding: 14px 0;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span {
        display: grid;
        width: 26px;
        height: 26px;
        place-items: center;
        border-radius: 8px;
        color: #64748b;
        font-size: 13px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-cursor-agent-files {
        padding: 12px 8px;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #10141d;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-files {
        padding: 18px 12px;
    }

    .rch-cursor-agent-label {
        margin-bottom: 9px;
        color: #64748b;
        font-size: 6px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-label {
        font-size: 10px;
    }

    .rch-cursor-agent-file {
        margin-bottom: 5px;
        padding: 6px 7px;
        border-radius: 7px;
        color: #94a3b8;
        font-size: 7px;
        white-space: nowrap;
    }

    .rch-cursor-agent-file.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-file {
        padding: 9px 10px;
        border-radius: 10px;
        font-size: 11px;
    }

    .rch-cursor-agent-main {
        display: grid;
        grid-template-rows: 32px minmax(0, 1fr) 155px;
        min-width: 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-main {
        grid-template-rows: 44px minmax(0, 1fr) 260px;
    }

    .rch-cursor-agent-tabs {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 0 9px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: #64748b;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-tabs {
        gap: 7px;
        padding: 0 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-tabs span {
        padding: 6px 8px;
        border-radius: 7px;
    }

    .rch-cursor-agent-tabs span:first-child {
        color: #e2e8f0;
        background: rgba(255, 255, 255, .07);
    }

    .rch-cursor-code {
        padding: 12px;
        color: #cbd5e1;
        background:
            linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 100% 24px,
            #0b0f15;
        font-size: 7px;
        line-height: 1.8;
    }

    .rch-scenario-cursor-agent .rch-cursor-code {
        padding: 18px;
        font-size: 12px;
        line-height: 1.82;
    }

    .rch-cursor-code .muted { color: #64748b; }
    .rch-cursor-code .green { color: #86efac; }
    .rch-cursor-code .blue { color: #7dd3fc; }
    .rch-cursor-code .purple { color: #c4b5fd; }

    .rch-cursor-agent-panel {
        border-top: 1px solid rgba(255, 255, 255, .08);
        background: #111827;
    }

    .rch-cursor-agent-panel-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 11px 0;
        color: #f8fafc;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head {
        padding: 15px 17px 0;
        font-size: 13px;
    }

    .rch-cursor-agent-panel-head span {
        color: #22c55e;
        font-size: 6px;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head span {
        font-size: 9px;
    }

    .rch-cursor-agent-prompt {
        margin: 8px 11px 0;
        padding: 8px 9px;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 10px;
        color: #dbeafe;
        background: #0b1220;
        font-size: 7px;
        line-height: 1.45;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-prompt {
        margin: 10px 17px 0;
        padding: 10px 13px;
        border-radius: 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks {
        display: grid;
        gap: 5px;
        margin: 8px 11px 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks {
        gap: 8px;
        margin: 11px 17px 0;
    }

    .rch-cursor-agent-checks div {
        display: grid;
        grid-template-columns: 14px minmax(0, 1fr) auto;
        gap: 7px;
        color: #94a3b8;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks div {
        grid-template-columns: 20px minmax(0, 1fr) auto;
        gap: 9px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks b {
        color: #22c55e;
        font-size: 8px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks b {
        font-size: 12px;
    }

    .rch-cursor-agent-checks small {
        color: #64748b;
        font-size: 6px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks small {
        font-size: 9px;
    }

    .rch-agent-report-ui {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 28px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-openai-workspace {
        display: grid;
        grid-template-columns: 178px minmax(0, 1fr);
        min-height: 620px;
        color: #202123;
        background: #fff;
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .rch-openai-side {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 18px 14px;
        border-right: 1px solid #ececf1;
        background: #f7f7f8;
    }

    .rch-openai-brand {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #111827;
        font-size: 13px;
        font-weight: 850;
    }

    .rch-openai-brand span {
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 10px;
        color: #fff;
        background: #111827;
    }

    .rch-openai-new {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        border: 1px solid #dedfe4;
        border-radius: 999px;
        background: #fff;
        color: #202123;
        font-size: 12px;
        font-weight: 800;
        box-shadow: 0 10px 24px rgba(16, 24, 40, .035);
    }

    .rch-openai-nav {
        display: grid;
        gap: 7px;
    }

    .rch-openai-nav span {
        padding: 9px 10px;
        border-radius: 10px;
        color: #6b7280;
        font-size: 12px;
        font-weight: 750;
    }

    .rch-openai-nav span:first-child {
        color: #111827;
        background: #ececf1;
    }

    .rch-openai-main {
        display: grid;
        grid-template-rows: 54px minmax(0, 1fr);
        min-width: 0;
        background: #fff;
    }

    .rch-openai-topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 0 20px;
        border-bottom: 1px solid #ececf1;
        color: #202123;
        font-size: 13px;
        font-weight: 850;
    }

    .rch-openai-topbar span {
        color: #10a37f;
        font-size: 11px;
        font-weight: 850;
    }

    .rch-openai-body {
        display: grid;
        grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
        gap: 18px;
        align-items: start;
        padding: 20px;
        background:
            radial-gradient(circle at 10% 20%, rgba(16, 163, 127, .08), transparent 30%),
            #fff;
    }

    .rch-openai-body > * {
        align-self: start;
        min-width: 0;
    }

    .rch-openai-card,
.rch-openai-run-card {
        border: 1px solid #e6e6ea;
        border-radius: 18px;
        background: rgba(255, 255, 255, .94);
        box-shadow: 0 12px 28px rgba(16, 24, 40, .045);
    }

    .rch-openai-card {
        padding: 16px;
    }

    .rch-openai-card small,
.rch-openai-run-card small {
        display: block;
        color: #6b7280;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .08em;
        line-height: 1;
        text-transform: uppercase;
    }

    .rch-openai-card strong,
.rch-openai-run-card strong {
        display: block;
        margin-top: 8px;
        color: #111827;
        font-size: 18px;
        letter-spacing: -.04em;
    }

    .rch-openai-card p {
        margin: 10px 0 0;
        color: #4b5563;
        font-size: 12px;
        line-height: 1.55;
    }

    .rch-openai-agent-flow {
        display: grid;
        gap: 10px;
        margin-top: 14px;
    }

    .rch-openai-agent-flow div {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        padding: 10px;
        border: 1px solid #ececf1;
        border-radius: 14px;
        background: #f7f7f8;
        color: #4b5563;
        font-size: 12px;
        line-height: 1.35;
    }

    .rch-openai-agent-flow b {
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 10px;
        color: #10a37f;
        background: rgba(16, 163, 127, .10);
        font-size: 11px;
    }

    .rch-openai-run-card {
        display: grid;
        align-content: start;
        gap: 12px;
        padding: 16px;
    }

    .rch-openai-run-row {
        display: grid;
        grid-template-columns: 20px minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        padding: 11px;
        border: 1px solid #ececf1;
        border-radius: 14px;
        background: #fff;
        color: #4b5563;
        font-size: 12px;
    }

    .rch-openai-run-row b {
        color: #10a37f;
        font-size: 13px;
    }

    .rch-openai-run-row em {
        color: #9ca3af;
        font-size: 10px;
        font-style: normal;
        font-weight: 800;
    }

    .rch-claude-logo-mark {
        display: grid;
        width: 31px;
        height: 31px;
        place-items: center;
        border-radius: 999px;
        color: #d97757;
        background: #f5efe7;
    }

    .rch-claude-managed-ui {
        display: grid;
        grid-template-columns: 178px minmax(0, 1fr);
        min-height: 620px;
        color: #2b2118;
        background: #f7f2ea;
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .rch-claude-managed-side {
        padding: 18px 14px;
        border-right: 1px solid rgba(85, 65, 45, .12);
        background: #f2eadf;
    }

    .rch-claude-managed-brand {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #2b2118;
        font-size: 14px;
        font-weight: 850;
    }

    .rch-claude-managed-nav {
        display: grid;
        gap: 8px;
        margin-top: 22px;
    }

    .rch-claude-managed-nav span {
        padding: 10px;
        border-radius: 12px;
        color: #7c6f62;
        font-size: 12px;
        font-weight: 800;
    }

    .rch-claude-managed-nav span:first-child {
        color: #2b2118;
        background: rgba(255, 255, 255, .72);
    }

    .rch-claude-managed-main {
        display: grid;
        grid-template-rows: 56px minmax(0, 1fr);
        min-width: 0;
        background: #fbf7f0;
    }

    .rch-claude-managed-topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 0 20px;
        border-bottom: 1px solid rgba(85, 65, 45, .12);
        color: #2b2118;
        font-size: 13px;
        font-weight: 850;
    }

    .rch-claude-managed-topbar span {
        color: #8c5a3c;
        font-size: 11px;
        font-weight: 850;
    }

    .rch-claude-managed-body {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
        gap: 18px;
        padding: 20px;
    }

    .rch-claude-managed-prompt,
.rch-claude-managed-run,
.rch-claude-managed-board {
        border: 1px solid rgba(85, 65, 45, .13);
        border-radius: 18px;
        background: rgba(255, 255, 255, .72);
        box-shadow: 0 14px 30px rgba(85, 65, 45, .07);
    }

    .rch-claude-managed-prompt {
        padding: 17px;
    }

    .rch-claude-managed-prompt small,
.rch-claude-managed-run small,
.rch-claude-managed-board small {
        color: #8c5a3c;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-claude-managed-prompt strong,
.rch-claude-managed-run strong {
        display: block;
        margin-top: 10px;
        color: #2b2118;
        font-size: 18px;
        letter-spacing: -.04em;
    }

    .rch-claude-managed-prompt p,
.rch-claude-managed-run p {
        margin: 10px 0 0;
        color: #6f6256;
        font-size: 12px;
        line-height: 1.55;
    }

    .rch-claude-managed-run {
        margin-top: 14px;
        padding: 15px;
    }

    .rch-claude-agent-steps {
        display: grid;
        gap: 10px;
        margin-top: 13px;
    }

    .rch-claude-agent-steps div {
        display: grid;
        grid-template-columns: 22px minmax(0, 1fr);
        gap: 10px;
        padding: 11px;
        border-radius: 14px;
        background: rgba(247, 242, 234, .88);
        color: #5f5147;
        font-size: 12px;
        line-height: 1.4;
    }

    .rch-claude-agent-steps b {
        color: #16a34a;
    }

    .rch-claude-managed-board {
        padding: 15px;
    }

    .rch-claude-managed-lanes {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 12px;
    }

    .rch-claude-managed-lane {
        min-height: 250px;
        padding: 10px;
        border: 1px solid rgba(85, 65, 45, .11);
        border-radius: 16px;
        background: rgba(247, 242, 234, .72);
    }

    .rch-claude-managed-lane span {
        display: block;
        margin-bottom: 9px;
        color: #8c5a3c;
        font-size: 10px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .rch-claude-task {
        padding: 10px;
        border-radius: 13px;
        background: rgba(255, 255, 255, .82);
        color: #4b4038;
        font-size: 11px;
        line-height: 1.42;
        box-shadow: 0 8px 20px rgba(85, 65, 45, .055);
    }

    .rch-claude-task + .rch-claude-task {
        margin-top: 8px;
    }

    .rch-dashboard-browser {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 28px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-dashboard-browser-top {
        display: grid;
        grid-template-columns: 86px minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        min-height: 52px;
        padding: 0 16px;
        border-bottom: 1px solid rgba(231, 234, 243, .88);
        background: rgba(255, 255, 255, .92);
    }

    .rch-browser-lights {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .rch-browser-lights span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-browser-lights span:nth-child(1) { background: #ff5f57; }
    .rch-browser-lights span:nth-child(2) { background: #ffbd2e; }
    .rch-browser-lights span:nth-child(3) { background: #28c840; }

    .rch-browser-url {
        display: flex;
        align-items: center;
        min-height: 30px;
        padding: 0 12px;
        border: 1px solid rgba(231, 234, 243, .9);
        border-radius: 999px;
        color: #6b7280;
        background: #f8fafc;
        font-size: 11px;
        font-weight: 750;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rch-browser-brand {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--rch-text);
        font-size: 12px;
        font-weight: 900;
        white-space: nowrap;
    }

    .rch-dashboard-page {
        min-height: 520px;
        padding: 22px;
    }

    .rch-openai-site-page {
        color: #101828;
        background:
            radial-gradient(circle at 12% 16%, rgba(16, 163, 127, .12), transparent 30%),
            radial-gradient(circle at 92% 10%, rgba(26, 139, 255, .12), transparent 28%),
            linear-gradient(180deg, #ffffff, #f8fafc);
    }

    .rch-site-hero {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 18px;
        align-items: end;
        margin-bottom: 18px;
    }

    .rch-site-hero small {
        color: #10a37f;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-site-hero strong {
        display: block;
        margin-top: 8px;
        color: #101828;
        font-size: clamp(28px, 4vw, 46px);
        line-height: .95;
        letter-spacing: -.065em;
    }

    .rch-site-hero span {
        display: inline-flex;
        min-height: 32px;
        align-items: center;
        padding: 0 12px;
        border-radius: 999px;
        color: #047857;
        background: rgba(16, 163, 127, .10);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-site-kpis,
.rch-artifact-kpis,
.rch-canvas-kpis {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin-bottom: 14px;
    }

    .rch-dashboard-filter-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 9px;
        margin-bottom: 14px;
    }

    .rch-dashboard-filter {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 33px;
        padding: 0 11px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-openai-site-page .rch-dashboard-filter {
        border: 1px solid rgba(16, 163, 127, .16);
        color: #047857;
        background: rgba(16, 163, 127, .08);
    }

    .rch-claude-artifact-page .rch-dashboard-filter {
        border: 1px solid rgba(140, 90, 60, .16);
        color: #8c5a3c;
        background: rgba(255, 255, 255, .62);
    }

    .rch-cursor-canvas-page .rch-dashboard-filter {
        border: 1px solid rgba(125, 211, 252, .20);
        color: #7dd3fc;
        background: rgba(14, 165, 233, .10);
    }

    .rch-site-kpi,
.rch-artifact-kpi,
.rch-canvas-kpi {
        padding: 14px;
        border-radius: 18px;
    }

    .rch-site-kpi {
        border: 1px solid rgba(231, 234, 243, .92);
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 10px 26px rgba(16, 24, 40, .055);
    }

    .rch-site-kpi span,
.rch-artifact-kpi span,
.rch-canvas-kpi span {
        display: block;
        font-size: 10px;
        font-weight: 850;
    }

    .rch-site-kpi strong,
.rch-artifact-kpi strong,
.rch-canvas-kpi strong {
        display: block;
        margin-top: 7px;
        font-size: 23px;
        letter-spacing: -.05em;
    }

    .rch-site-panel-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr);
        gap: 12px;
    }

    .rch-site-chart,
.rch-site-insights {
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 22px;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0 10px 26px rgba(16, 24, 40, .045);
    }

    .rch-site-chart {
        padding: 16px;
    }

    .rch-site-chart b,
.rch-site-insights b {
        display: block;
        color: #101828;
        font-size: 13px;
    }

    .rch-site-chart svg {
        display: block;
        width: 100%;
        height: 180px;
        margin-top: 10px;
    }

    .rch-site-insights {
        display: grid;
        gap: 10px;
        align-content: start;
        padding: 16px;
    }

    .rch-site-insights div {
        padding: 11px;
        border-radius: 15px;
        color: #475467;
        background: #f8fafc;
        font-size: 11px;
        line-height: 1.45;
    }

    .rch-claude-artifact-page {
        color: #2b2118;
        background:
            radial-gradient(circle at 15% 20%, rgba(217, 119, 87, .12), transparent 30%),
            linear-gradient(180deg, #fbf7ef, #f2eadf);
    }

    .rch-artifact-shell {
        display: grid;
        gap: 14px;
    }

    .rch-artifact-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
    }

    .rch-artifact-head small {
        color: #8c5a3c;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-artifact-head strong {
        display: block;
        margin-top: 8px;
        color: #2b2118;
        font-size: clamp(28px, 3.8vw, 42px);
        line-height: .98;
        letter-spacing: -.06em;
    }

    .rch-artifact-note {
        max-width: 260px;
        padding: 13px;
        border: 1px solid rgba(85, 65, 45, .13);
        border-radius: 18px;
        color: #6f6256;
        background: rgba(255, 255, 255, .65);
        font-size: 12px;
        line-height: 1.5;
    }

    .rch-artifact-kpi {
        border: 1px solid rgba(85, 65, 45, .12);
        background: rgba(255, 255, 255, .68);
    }

    .rch-artifact-kpi span {
        color: #8c5a3c;
    }

    .rch-artifact-layout {
        display: grid;
        grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
        gap: 12px;
    }

    .rch-artifact-list,
.rch-artifact-visual {
        border: 1px solid rgba(85, 65, 45, .13);
        border-radius: 22px;
        background: rgba(255, 255, 255, .68);
        box-shadow: 0 14px 32px rgba(85, 65, 45, .065);
    }

    .rch-artifact-list {
        display: grid;
        gap: 10px;
        padding: 15px;
    }

    .rch-artifact-list div {
        padding: 12px;
        border-radius: 16px;
        background: rgba(247, 242, 234, .85);
        color: #5f5147;
        font-size: 11px;
        line-height: 1.45;
    }

    .rch-artifact-list strong {
        display: block;
        margin-bottom: 4px;
        color: #2b2118;
        font-size: 12px;
    }

    .rch-artifact-visual {
        padding: 15px;
    }

    .rch-artifact-bars {
        display: grid;
        gap: 10px;
        margin-top: 12px;
    }

    .rch-artifact-bar {
        display: grid;
        grid-template-columns: 90px minmax(0, 1fr) 42px;
        gap: 10px;
        align-items: center;
        color: #6f6256;
        font-size: 11px;
        font-weight: 800;
    }

    .rch-artifact-bar i {
        display: block;
        height: 13px;
        border-radius: 999px;
        background: linear-gradient(90deg, #d97757, #f2b26f);
    }

    .rch-cursor-canvas-page {
        color: #e2e8f0;
        background:
            linear-gradient(rgba(148, 163, 184, .08) 1px, transparent 1px) 0 0 / 100% 28px,
            radial-gradient(circle at 12% 16%, rgba(124, 58, 237, .22), transparent 32%),
            radial-gradient(circle at 82% 10%, rgba(14, 165, 233, .18), transparent 30%),
            #0b0f15;
        font-family: "SFMono-Regular", Consolas, monospace;
    }

    .rch-canvas-head {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 16px;
    }

    .rch-canvas-head small {
        color: #7dd3fc;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-canvas-head strong {
        display: block;
        margin-top: 8px;
        color: #f8fafc;
        font-size: clamp(28px, 3.6vw, 40px);
        line-height: .98;
        letter-spacing: -.06em;
    }

    .rch-canvas-chip {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        min-height: 32px;
        padding: 0 12px;
        border: 1px solid rgba(125, 211, 252, .24);
        border-radius: 999px;
        color: #7dd3fc;
        background: rgba(14, 165, 233, .10);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-canvas-kpi {
        border: 1px solid rgba(255, 255, 255, .10);
        background: rgba(15, 23, 42, .72);
    }

    .rch-canvas-kpi span {
        color: #94a3b8;
    }

    .rch-canvas-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(220px, .58fr);
        gap: 12px;
    }

    .rch-canvas-panel {
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 20px;
        background: rgba(15, 23, 42, .78);
        box-shadow: 0 18px 38px rgba(2, 6, 23, .24);
    }

    .rch-canvas-panel {
        padding: 15px;
    }

    .rch-canvas-panel b {
        color: #f8fafc;
        font-size: 12px;
    }

    .rch-canvas-panel svg {
        display: block;
        width: 100%;
        height: 164px;
        margin-top: 12px;
    }

    .rch-canvas-console {
        display: grid;
        gap: 8px;
        margin-top: 12px;
    }

    .rch-canvas-console div {
        padding: 9px 10px;
        border-radius: 11px;
        color: #cbd5e1;
        background: rgba(2, 6, 23, .62);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-connected {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #15803d;
        font-size: 10px;
        font-weight: 850;
    }

    .rch-demo-message {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        margin-bottom: 17px;
    }

    .rch-demo-message.user {
        justify-content: flex-end;
    }

    .rch-demo-bubble {
        max-width: 255px;
        padding: 12px 13px;
        border: 1px solid var(--rch-line);
        border-radius: 15px;
        color: var(--rch-text-soft);
        background: #fff;
        font-size: 12px;
        line-height: 1.58;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .04);
    }

    .rch-demo-bubble.user {
        color: #fff;
        background: var(--rch-purple);
        border-color: var(--rch-purple);
        border-bottom-right-radius: 5px;
    }

    .rch-demo-avatar {
        display: grid;
        width: 28px;
        height: 28px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-purple-2));
        font-size: 10px;
        font-weight: 900;
    }

    .rch-demo-avatar.user {
        color: var(--rch-text);
        background: #eaecf0;
    }

    .rch-report-shell {
        display: grid;
        gap: 12px;
    }

    .rch-report-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 1px 2px 3px;
    }

    .rch-report-kicker {
        color: var(--rch-purple);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .rch-report-title {
        margin-top: 4px;
        color: var(--rch-text);
        font-size: 18px;
        font-weight: 850;
        letter-spacing: -.03em;
    }

    .rch-report-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 29px;
        padding: 0 10px;
        border-radius: 999px;
        color: #15803d;
        background: var(--rch-green-soft);
        font-size: 9px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-report-kpis {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-report-kpi,
.rch-report-card {
        border: 1px solid var(--rch-line);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 22px rgba(16, 24, 40, .035);
    }

    .rch-report-kpi {
        padding: 12px;
    }

    .rch-report-kpi span {
        display: block;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-report-kpi strong {
        display: block;
        margin-top: 7px;
        color: var(--rch-text);
        font-size: 19px;
        letter-spacing: -.04em;
    }

    .rch-report-kpi small {
        display: block;
        margin-top: 4px;
        color: var(--rch-green);
        font-size: 8px;
        font-weight: 850;
    }

    .rch-report-card {
        padding: 14px;
    }

    .rch-report-card-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-report-card-title span {
        color: var(--rch-green);
        font-size: 9px;
    }

    .rch-report-chart svg {
        display: block;
        width: 100%;
        height: 138px;
        margin-top: 5px;
    }

    .rch-chart-line {
        stroke-dasharray: 480;
        stroke-dashoffset: 480;
        animation: rch-draw 1.1s .1s ease forwards;
    }

    .rch-chart-area {
        opacity: 0;
        animation: rch-area .8s .45s ease forwards;
    }

    @keyframes rch-draw {
        to {
            stroke-dashoffset: 0;
        }
    }

    @keyframes rch-area {
        to {
            opacity: 1;
        }
    }

    .rch-scenario-gpt {
        overflow: hidden;
        border: 1px solid rgba(231, 231, 233, .72);
        border-radius: 28px;
        background: #fff;
        box-shadow: 0 10px 28px rgba(16, 24, 40, .045);
    }

    .rch-scenario-gpt-top {
        display: grid;
        grid-template-columns: 94px minmax(0, 1fr) auto;
        align-items: center;
        min-height: 56px;
        padding-right: 17px;
        border-bottom: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-gpt-title {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #202123;
        font-size: 13px;
        font-weight: 850;
    }

    .rch-scenario-gpt-title span {
        display: grid;
        width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt-grid {
        display: grid;
        grid-template-columns: 310px minmax(0, 1fr);
        min-height: 520px;
    }

    .rch-scenario-chat {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-chat-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: auto;
        padding: 18px 15px;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message {
        opacity: 0;
        transform: translateY(8px);
        animation-duration: 13s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(1) {
        animation-name: rch-scenario-message-1;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(2) {
        animation-name: rch-scenario-message-2;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(3) {
        animation-name: rch-scenario-message-3;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(4) {
        animation-name: rch-scenario-message-4;
    }

    @keyframes rch-scenario-message-1 {
        0%,
6% { opacity: 0; transform: translateY(8px); }
        10%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-2 {
        0%,
14% { opacity: 0; transform: translateY(8px); }
        19%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-3 {
        0%,
46% { opacity: 0; transform: translateY(8px); }
        51%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-4 {
        0%,
55% { opacity: 0; transform: translateY(8px); }
        60%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    .rch-scenario-composer {
        margin: auto 14px 14px;
        padding: 11px 12px;
        border: 1px solid #dedfe2;
        border-radius: 18px;
        color: #8a8d94;
        background: #fff;
        box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
        font-size: 11px;
    }

    .rch-scenario-composer-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 14px;
    }

    .rch-scenario-composer-tools {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #6b6d74;
        font-size: 9px;
        font-weight: 750;
    }

    .rch-scenario-composer-tools span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 23px;
        padding: 0 8px;
        border: 1px solid #ececec;
        border-radius: 999px;
        background: #f7f7f8;
    }

    .rch-scenario-send {
        display: grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111827;
        font-size: 12px;
        font-weight: 900;
    }

    .rch-scenario-gpt .rch-demo-bubble {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-scenario-gpt .rch-demo-bubble.user {
        color: #202123;
        background: #f1f1f1;
        border-radius: 15px 15px 5px 15px;
    }

    .rch-scenario-gpt .rch-demo-avatar {
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt .rch-demo-avatar.user {
        color: #3f4147;
        background: #e7e7e9;
    }

    .rch-scenario-output {
        min-width: 0;
        background: #f7f7f8;
    }

    .rch-scenario-output-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 54px;
        padding: 0 16px;
        border-bottom: 1px solid #f0f0f1;
        color: #202123;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-scenario-output-body {
        position: relative;
        height: 466px;
        overflow: auto;
        padding: 17px;
    }

    .rch-result-list {
        display: grid;
        gap: 9px;
    }

    .rch-result-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 11px;
        align-items: center;
        padding: 12px;
        border: 1px solid var(--rch-line);
        border-radius: 13px;
        background: #fff;
    }

    .rch-result-row-icon {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-result-row strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
    }

    .rch-result-row span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-result-row-value {
        color: var(--rch-text);
        font-size: 10px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-result-summary {
        margin-top: 12px;
        padding: 14px;
        border: 1px solid #d9c7ff;
        border-radius: 14px;
        color: var(--rch-text-soft);
        background: var(--rch-purple-soft);
        font-size: 10px;
        line-height: 1.6;
    }

    .rch-result-summary strong {
        color: var(--rch-purple);
        font-size: 12px;
    }

    .rch-output-state {
        opacity: 0;
        animation: rch-output-primary 13s ease-in-out infinite;
    }

    .rch-output-state-secondary {
        position: absolute;
        inset: 17px;
        opacity: 0;
        pointer-events: none;
        animation: rch-output-secondary 13s ease-in-out infinite;
    }

    @keyframes rch-output-primary {
        0%,
20% {
            opacity: 0;
            transform: translateY(8px);
        }

        25%,
50% {
            opacity: 1;
            transform: translateY(0);
        }

        56%,
100% {
            opacity: 0;
            transform: translateY(-6px);
        }
    }

    @keyframes rch-output-secondary {
        0%,
61% {
            opacity: 0;
            transform: translateY(8px);
        }

        66%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(6px);
        }
    }

    .rch-feature-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
        gap: 54px;
        align-items: center;
    }

    .rch-check-list {
        display: grid;
        gap: 14px;
    }

    .rch-check {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 13px;
        align-items: start;
        color: var(--rch-text-soft);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-check i {
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-style: normal;
        font-weight: 950;
    }

    .rch-check strong {
        color: var(--rch-text);
        font-weight: 900;
    }

    .rch-footer-spacer {
        padding: 42px 0 0;
        background: #fff;
    }

    @media (max-width: 1199px) {
        .rch-section-head,
.rch-feature-split {
            grid-template-columns: 1fr;
        }

        .rch-sales-subsection {
            grid-template-columns: 1fr;
            gap: 28px;
        }

        .rch-module-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-scenario-gpt-grid {
            grid-template-columns: 1fr;
        }

        .rch-openai-workspace,
.rch-claude-managed-ui {
            grid-template-columns: 1fr;
            min-height: auto;
        }

        .rch-openai-side,
.rch-claude-managed-side {
            border-right: 0;
            border-bottom: 1px solid rgba(231, 234, 243, .92);
        }

        .rch-openai-nav,
.rch-claude-managed-nav {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            margin-top: 14px;
        }

        .rch-openai-body,
.rch-claude-managed-body {
            grid-template-columns: 1fr;
        }

        .rch-site-panel-grid,
.rch-artifact-layout,
.rch-canvas-grid {
            grid-template-columns: 1fr;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-ui {
            min-height: auto;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
        }

        .rch-scenario-cursor-agent .rch-cursor-titlebar {
            grid-column: 1;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 10px;
        }

        .rch-scenario-cursor-agent .rch-cursor-command-center {
            justify-self: stretch;
        }

        .rch-scenario-cursor-agent .rch-cursor-window-label,
.rch-scenario-cursor-agent .rch-cursor-activity {
            display: none;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-files {
            border-right: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-main {
            grid-template-rows: 44px minmax(260px, 1fr) 265px;
        }

        .rch-scenario-chat {
            min-height: 300px;
            border-right: 0;
            border-bottom: 1px solid #e7e7e9;
        }

        .rch-scenario-output-body {
            height: auto;
            max-height: none;
        }
    }

    @media (max-width: 991px) {
        .rch-section {
            padding: 86px 0;
        }

        .rch-hero {
            padding: 140px 0 86px;
        }

        .rch-title-xl {
            font-size: clamp(48px, 13vw, 70px);
        }

        .rch-title-lg {
            font-size: clamp(38px, 10vw, 56px);
        }
    }

    @media (max-width: 767px) {
        .rch-container {
            width: min(100% - 28px, 1240px);
        }

        .rch-module-grid {
            grid-template-columns: 1fr;
        }

        .rch-openai-nav,
.rch-claude-managed-nav,
.rch-claude-managed-lanes {
            grid-template-columns: 1fr;
        }

        .rch-openai-topbar,
.rch-claude-managed-topbar {
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            padding: 13px 16px;
        }

        .rch-dashboard-browser-top {
            grid-template-columns: 1fr;
            gap: 8px;
            padding: 12px;
        }

        .rch-browser-lights {
            display: none;
        }

        .rch-site-hero,
.rch-artifact-head,
.rch-canvas-head {
            grid-template-columns: 1fr;
            flex-direction: column;
            align-items: flex-start;
        }

        .rch-site-kpis,
.rch-artifact-kpis,
.rch-canvas-kpis {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-create-flow,
.rch-recovery-flow,
.rch-sale-detail-grid,
.rch-sales-call-layout {
            grid-template-columns: 1fr;
        }

        .rch-shipping-fulfillment-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-product-catalog-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-sales-call-core {
            border-right: 0;
            border-bottom: 1px solid rgba(231, 234, 243, .84);
        }

        .rch-sales-call-meta {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-step {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-hero {
            flex-direction: column;
        }

        .rch-sale-detail-step {
            align-items: start;
        }

        .rch-sale-detail-step em {
            justify-self: start;
        }

        .rch-scenario-gpt-top {
            grid-template-columns: 82px minmax(0, 1fr) auto;
        }

        .rch-connected {
            display: none;
        }

        .rch-report-kpis {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-assistant-flow {
            position: relative;
            min-height: auto;
            display: grid;
            gap: 18px;
            grid-template-columns: 1fr;
            grid-template-rows: none;
            justify-items: center;
            padding: 22px 16px;
        }

        .rch-assistant-svg {
            display: none;
        }

        .rch-assistant-node.branch,
.rch-assistant-node.notify,
.rch-assistant-node.followup {
            display: none;
        }

        .rch-assistant-node {
            position: relative;
            grid-column: auto !important;
            grid-row: auto !important;
            height: auto;
            min-height: auto;
            align-self: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            width: min(320px, 100%);
            transform: none !important;
        }

        .rch-assistant-node.start::after,
.rch-assistant-node.context::after,
.rch-assistant-node.action::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 2px;
            height: 18px;
            border-radius: 999px;
            background: rgba(110, 0, 190, .18);
            transform: translateX(-50%);
        }
    }


:root {
        --rch-bg: #ffffff;
        --rch-bg-soft: #f7f8fc;
        --rch-bg-lavender: #fbf9ff;
        --rch-text: #101828;
        --rch-text-soft: #475467;
        --rch-muted: #667085;
        --rch-line: #e7eaf3;
        --rch-purple: #6e00be;
        --rch-purple-2: #8b5cf6;
        --rch-purple-soft: #f3ecff;
        --rch-blue: #1a8bff;
        --rch-blue-soft: #eef6ff;
        --rch-pink: #ff2171;
        --rch-green: #16a34a;
        --rch-green-soft: #ecfdf3;
        --rch-orange: #f97316;
        --rch-orange-soft: #fff7ed;
        --rch-red: #ef4444;
        --rch-red-soft: #fef2f2;
        --rch-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rch-shadow-soft: 0 14px 42px rgba(16, 24, 40, .07);
        --rch-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    html {
        scroll-behavior: auto;
    }

    .rch-page {
        overflow: hidden;
        background: var(--rch-bg);
        color: var(--rch-text);
        font-family: var(--rch-font);
    }

    .rch-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rch-section {
        position: relative;
        padding: 112px 0;
    }

    .rch-hero {
        padding: 178px 0 104px;
        background:
            radial-gradient(circle at 15% 20%, rgba(110, 0, 190, .11), transparent 32%),
            radial-gradient(circle at 82% 12%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fafbff 72%, #fff);
    }

    .rch-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1120px);
        gap: 0;
        align-items: center;
    }

    .rch-title {
        margin: 18px 0 0;
        color: var(--rch-text);
        font-weight: 740;
        letter-spacing: -.045em;
        line-height: 1.02;
    }

    .rch-title-xl {
        max-width: 1060px;
        font-size: clamp(62px, 7.1vw, 95px);
    }

    .rch-title-xl .rch-gradient-text {
        white-space: normal;
    }

    .rch-title-lg {
        font-size: clamp(38px, 5vw, 68px);
    }

    .rch-title-lg .rch-gradient-text {
        display: inline;
        padding-right: .04em;
        margin-right: 0;
        white-space: normal;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    .rch-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-right: .08em;
        padding-bottom: .08em;
        margin-top: -.04em;
        margin-right: -.08em;
        margin-bottom: -.08em;
        overflow: visible;
        color: var(--rch-purple);
        background: linear-gradient(110deg, var(--rch-purple), var(--rch-blue) 65%, var(--rch-pink));
        background-clip: text;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .rch-lede {
        max-width: 720px;
        margin: 30px 0 0;
        color: var(--rch-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rch-copy {
        color: var(--rch-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .rch-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        background: var(--rch-purple-soft);
        color: var(--rch-purple);
        font-size: 13px;
        font-weight: 850;
        letter-spacing: .01em;
        white-space: nowrap;
    }

    .rch-anchor-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 34px;
    }

    .rch-anchor-row a,
.rch-doc-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 14px;
        border: 1px solid rgba(231, 234, 243, .95);
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: #fff;
        box-shadow: 0 10px 24px rgba(16, 24, 40, .045);
        font-size: 12px;
        font-weight: 850;
        text-decoration: none !important;
    }

    .rch-doc-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin: -30px 0 46px;
    }

    .rch-section-eyebrow {
        margin-bottom: 18px;
    }

    .rch-section-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 470px);
        gap: 48px;
        align-items: center;
        margin-bottom: 56px;
    }

    .rch-section-head .rch-title {
        margin-top: 0;
    }

    .rch-section-head .rch-copy {
        align-self: center;
        margin: 0;
    }

    .rch-window-dots {
        display: flex;
        gap: 7px;
        padding-left: 18px;
    }

    .rch-window-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-window-dots span:nth-child(1) {
        background: #ff5f57;
    }

    .rch-window-dots span:nth-child(2) {
        background: #ffbd2e;
    }

    .rch-window-dots span:nth-child(3) {
        background: #28c840;
    }

    .rch-module-card small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-module-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .rch-module-card {
        min-height: 245px;
        padding: 24px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 26px;
        background: rgba(255, 255, 255, .92);
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-module-card strong {
        display: block;
        margin-top: 14px;
        color: var(--rch-text);
        font-size: 24px;
        line-height: 1.08;
        letter-spacing: -.05em;
    }

    .rch-module-card p {
        margin: 12px 0 0;
        color: var(--rch-text-soft);
        font-size: 14px;
        line-height: 1.62;
    }

    .rch-event-notation-card {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 28px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-event-notation-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 62px;
        padding: 0 20px;
        border-bottom: 1px solid var(--rch-line);
    }

    .rch-event-notation-head strong {
        color: var(--rch-text);
        font-size: 14px;
        line-height: 1.1;
    }

    .rch-event-notation-head span {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 9px;
        font-weight: 950;
        white-space: nowrap;
    }

    .rch-event-notation-list {
        display: grid;
        gap: 8px;
        max-height: 379px;
        overflow-y: auto;
        padding: 10px 16px 16px;
        background: linear-gradient(180deg, rgba(247, 248, 252, .64), rgba(255, 255, 255, .95));
    }

    .rch-email-trigger-list .rch-event-notation-list {
        padding-top: 10px;
    }

    .rch-event-notation-row {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 10px 12px;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 14px;
        background: #fff;
    }

    .rch-event-notation-row span {
        color: var(--rch-muted);
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-event-notation-row code {
        overflow: hidden;
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rch-sales-stack {
        display: grid;
        gap: 148px;
        align-items: start;
    }

    .rch-sales-subsection {
        display: grid;
        grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
        gap: 78px;
        align-items: center;
        min-width: 0;
        overflow: visible;
    }

    .rch-sales-copy small {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        margin: 0 0 18px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
    }

    .rch-sales-copy > strong {
        display: block;
        margin: 0;
        color: var(--rch-text);
        font-size: clamp(34px, 4vw, 56px);
        line-height: .94;
        letter-spacing: -.065em;
    }

    .rch-sales-copy p {
        max-width: none;
        margin: 18px 0 0;
        color: var(--rch-muted);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-sales-copy .rch-check-list {
        margin-top: 24px;
    }

    .rch-create-visual,
.rch-sales-plain-visual {
        width: 100%;
    }

    .rch-create-flow {
        display: grid;
        gap: 16px;
    }

    .rch-create-sources {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-shipping-fulfillment-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-shipping-fulfillment-flow .rch-create-source {
        grid-template-columns: 1fr;
        align-items: start;
        background: #fff;
    }

    .rch-shipping-fulfillment-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-product-catalog-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-product-catalog-flow .rch-create-source {
        grid-template-columns: 1fr;
        align-items: start;
        background: #fff;
    }

    .rch-product-catalog-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-create-source,
.rch-recovery-node {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 13px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 17px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-create-source i,
.rch-recovery-node i {
        display: grid;
        width: 40px;
        height: 40px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-create-source strong,
.rch-recovery-node strong {
        display: block;
        color: var(--rch-text);
        font-size: 14px;
        line-height: 1.12;
        letter-spacing: -.02em;
    }

    .rch-create-source span,
.rch-recovery-node span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.4;
    }

    .rch-function-edit-window {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 16% 12%, rgba(110, 0, 190, .08), transparent 32%),
            #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-function-edit-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 58px;
        padding: 0 20px;
        border-bottom: 1px solid var(--rch-line);
        color: var(--rch-muted);
        font-size: 12px;
        font-weight: 850;
    }

    .rch-function-edit-body {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
        gap: 16px;
        padding: 22px;
        background: rgba(247, 248, 252, .52);
    }

    .rch-function-edit-panel {
        display: grid;
        gap: 13px;
        padding: 17px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 22px;
        background: rgba(255, 255, 255, .86);
    }

    .rch-function-edit-label {
        color: var(--rch-muted);
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-function-edit-input,
.rch-function-edit-select {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 0 13px;
        border: 1px solid #e4e7ef;
        border-radius: 14px;
        color: var(--rch-text);
        background: #fff;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-function-edit-textarea {
        min-height: 78px;
        padding: 12px 13px;
        border: 1px solid #e4e7ef;
        border-radius: 14px;
        color: var(--rch-text-soft);
        background: #fff;
        font-size: 12px;
        font-weight: 750;
        line-height: 1.42;
    }

    .rch-function-edit-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 13px;
        padding: 12px 13px;
        border: 1px solid rgba(34, 197, 94, .20);
        border-radius: 16px;
        background: var(--rch-green-soft);
    }

    .rch-function-edit-toggle strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.1;
    }

    .rch-function-edit-toggle span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-function-checkbox {
        display: grid;
        flex: 0 0 auto;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: var(--rch-green);
        font-size: 15px;
        font-weight: 950;
    }

    .rch-function-edit-select {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .rch-function-edit-select::after {
        content: "";
        color: var(--rch-muted);
        font-size: 13px;
        font-weight: 950;
    }

    .rch-function-trigger-card {
        display: grid;
        align-content: start;
        gap: 14px;
        padding: 18px;
        border: 1px solid rgba(110, 0, 190, .16);
        border-radius: 22px;
        background:
            radial-gradient(circle at 12% 16%, rgba(110, 0, 190, .09), transparent 34%),
            #fff;
    }

    .rch-function-trigger-card strong {
        color: var(--rch-text);
        font-size: 16px;
        letter-spacing: -.035em;
    }

    .rch-function-trigger-card span {
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.42;
    }

    .rch-function-trigger-pill {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        min-height: 27px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 9px;
        font-weight: 950;
    }

    .rch-function-trigger-path {
        display: grid;
        gap: 8px;
    }

    .rch-function-trigger-path-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 43px;
        padding: 0 12px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 14px;
        background: rgba(247, 248, 252, .76);
        color: var(--rch-text);
        font-size: 12px;
        font-weight: 900;
    }

    .rch-function-trigger-path-item em {
        color: var(--rch-muted);
        font-size: 10px;
        font-style: normal;
        font-weight: 850;
    }

    .rch-function-trigger-arrow {
        justify-self: center;
        color: var(--rch-purple);
        font-size: 18px;
        font-weight: 950;
        line-height: 1;
        opacity: .55;
    }

    .rch-function-url-log {
        overflow: hidden;
        border: 1px solid rgba(15, 23, 42, .10);
        border-radius: 28px;
        background: #0f172a;
        box-shadow: 0 24px 70px rgba(2, 6, 23, .20);
    }

    .rch-function-url-log-top {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        min-height: 52px;
        padding: 0 16px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: #cbd5e1;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-function-url-endpoint {
        overflow: hidden;
        padding: 7px 10px;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 10px;
        color: #93c5fd;
        background: rgba(15, 23, 42, .75);
        font-family: Menlo, Monaco, "Courier New", monospace;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rch-function-url-status {
        color: #86efac;
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-function-url-log-body {
        display: grid;
        gap: 10px;
        padding: 18px;
    }

    .rch-function-log-row {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 15px;
        background: rgba(255, 255, 255, .045);
        color: #cbd5e1;
        font-size: 11px;
    }

    .rch-function-log-row code {
        color: #7dd3fc;
        font-family: Menlo, Monaco, "Courier New", monospace;
        font-size: 10px;
    }

    .rch-function-log-row strong {
        display: block;
        color: #f8fafc;
        font-size: 12px;
        line-height: 1.1;
    }

    .rch-function-log-row span {
        display: block;
        margin-top: 4px;
        color: #94a3b8;
        line-height: 1.35;
    }

    .rch-function-log-row em {
        color: #86efac;
        font-size: 9px;
        font-style: normal;
        font-weight: 950;
        white-space: nowrap;
    }

    .rch-template-function-flow {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        align-items: stretch;
    }

    .rch-template-function-card {
        position: relative;
        display: grid;
        grid-template-rows: 38px 38px minmax(84px, 1fr) 112px;
        align-content: stretch;
        gap: 10px;
        min-height: 310px;
        padding: 18px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 22px;
        background: #fff;
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-template-function-card:nth-child(1) {
        border-color: rgba(231, 234, 243, .92);
        background: #fff;
    }

    .rch-template-function-card:nth-child(2) {
        border-color: rgba(231, 234, 243, .92);
        background: #fff;
    }

    .rch-template-function-card:nth-child(3) {
        border-color: rgba(231, 234, 243, .92);
        background: #fff;
    }

    .rch-template-function-card:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -15px;
        z-index: 2;
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        color: var(--rch-purple);
        background: #fff;
        box-shadow: 0 10px 22px rgba(16, 24, 40, .10);
        font-size: 15px;
        font-weight: 950;
        transform: translateY(-50%);
    }

    .rch-template-function-card i {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 13px;
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-template-function-card:nth-child(1) i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-template-function-card:nth-child(2) i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-template-function-card:nth-child(3) i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-template-function-card strong {
        color: var(--rch-text);
        font-size: 16px;
        line-height: 1.08;
        letter-spacing: -.035em;
        align-self: start;
    }

    .rch-template-function-card span {
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.44;
        align-self: start;
    }

    .rch-template-function-card code {
        display: block;
        width: fit-content;
        max-width: 100%;
        padding: 7px 9px;
        border-radius: 10px;
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
        font-size: 10px;
        font-weight: 900;
        white-space: nowrap;
    }

    .rch-template-function-card pre {
        margin: 2px 0 0;
        min-height: 112px;
        max-height: 112px;
        padding: 12px;
        border-radius: 14px;
        color: #d4d4d4;
        background: #1e1e1e;
        font-family: Menlo, Monaco, "Courier New", monospace;
        font-size: 9.5px;
        line-height: 1.55;
        overflow: hidden;
        white-space: pre-wrap;
    }

    .rch-email-builder-window {
        overflow: hidden;
        border: 1px solid rgba(214, 218, 228, .94);
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 28px 80px rgba(16, 24, 40, .14);
    }

    .rch-email-builder-top {
        display: grid;
        grid-template-columns: 82px minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        min-height: 54px;
        padding: 0 18px 0 0;
        border-bottom: 1px solid #d9dde6;
        background: #f8fafc;
        color: #667085;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-email-builder-title {
        display: flex;
        align-items: center;
        min-width: 0;
        color: #1f2937;
        font-size: 12px;
        font-weight: 900;
    }

    .rch-email-builder-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #667085;
        font-size: 10px;
        font-weight: 900;
        white-space: nowrap;
    }

    .rch-email-builder-status::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: var(--rch-green);
        box-shadow: 0 0 0 4px var(--rch-green-soft);
    }

    .rch-email-builder-menu {
        display: flex;
        align-items: center;
        gap: 18px;
        min-height: 39px;
        padding: 0 16px;
        color: #1f2937;
        background: #fff;
        font-size: 10px;
        font-weight: 760;
    }

    .rch-email-design-toolbar {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        min-height: 51px;
        padding: 8px 15px;
        border-bottom: 1px solid #d9dde6;
        background: #fff;
    }

    .rch-email-tool-icon {
        display: grid;
        min-width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 4px;
        color: #1f2937;
        font-size: 16px;
        line-height: 1;
        font-weight: 850;
    }

    .rch-email-tool-icon.is-active {
        color: #123f67;
        background: #d8e9fb;
    }

    .rch-email-tool-icon.is-select {
        min-width: 40px;
        justify-content: center;
        gap: 2px;
        color: #394150;
        font-size: 12px;
    }

    .rch-email-tool-sep {
        width: 1px;
        height: 22px;
        margin: 0 4px;
        background: #e1e4ea;
    }

    .rch-email-builder-body {
        display: grid;
        grid-template-columns: minmax(64px, 1fr) minmax(360px, 520px) minmax(64px, 1fr);
        min-height: 500px;
        border-top: 1px solid #eef0f4;
        background: #303030;
    }

    .rch-email-editor-gutter {
        position: relative;
        background: #303030;
    }

    .rch-email-editor-gutter::before {
        content: "";
        position: absolute;
        top: 108px;
        left: 0;
        right: 0;
        border-top: 1px dashed rgba(255, 255, 255, .34);
    }

    .rch-email-builder-canvas {
        position: relative;
        display: block;
        padding: 18px 34px 30px;
        background: #fff;
        box-shadow: 0 0 0 1px #d7dbe4;
    }

    .rch-email-builder-canvas::before {
        content: "table › tbody › tr › td › table › tbody › tr › td";
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 6px;
        overflow: hidden;
        color: #8a919e;
        font-size: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .rch-email-layout-row {
        position: relative;
        border: 1px dashed #d6d9df;
        background:
            repeating-linear-gradient(0deg, transparent 0 18px, rgba(148, 163, 184, .18) 18px 19px),
            #fff;
    }

    .rch-email-layout-row + .rch-email-layout-row {
        margin-top: 18px;
    }

    .rch-email-layout-header {
        display: grid;
        grid-template-columns: 140px minmax(0, 1fr);
        gap: 16px;
        min-height: 70px;
        padding: 14px 0;
    }

    .rch-email-logo-placeholder {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: fit-content;
        min-height: 42px;
        padding: 0 12px;
        color: #1f2937;
        background: transparent;
        font-size: 13px;
        font-weight: 950;
        letter-spacing: -.03em;
    }

    .rch-email-logo-placeholder i {
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-blue));
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-email-nav-placeholder {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        color: #7dd3fc;
        font-size: 10px;
        font-weight: 850;
        text-transform: uppercase;
    }

    .rch-email-selected-area {
        position: relative;
        margin-top: 18px;
        padding: 25px 0 0;
        border: 2px solid #5aa7ff;
        background:
            repeating-linear-gradient(0deg, transparent 0 21px, rgba(148, 163, 184, .22) 21px 22px),
            #fff;
    }

    .rch-email-selected-area::before,
.rch-email-selected-area::after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border: 1px solid #2984e8;
        background: #5aa7ff;
    }

    .rch-email-selected-area::before {
        top: -5px;
        left: -5px;
    }

    .rch-email-selected-area::after {
        top: -5px;
        right: -5px;
    }

    .rch-email-selected-title {
        color: #333;
        font-size: 16px;
        font-weight: 900;
        letter-spacing: -.02em;
        text-align: center;
    }

    .rch-email-order-no {
        margin-top: 18px;
        padding-right: 8px;
        color: #333;
        font-size: 10px;
        text-align: right;
    }

    .rch-email-greeting {
        margin-top: 26px;
        color: #333;
        font-size: 15px;
        font-weight: 900;
    }

    .rch-email-message-line {
        margin-top: 15px;
        color: #525866;
        font-size: 10px;
        line-height: 1.5;
    }

    .rch-email-divider {
        height: 2px;
        margin: 28px 0 0;
        background: #4b5563;
    }

    .rch-email-address-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        padding: 22px 28px 0;
    }

    .rch-email-address-card {
        min-height: 105px;
        padding: 10px;
        border: 1px dashed #cfd4dc;
        color: #333;
        background:
            repeating-linear-gradient(0deg, transparent 0 19px, rgba(148, 163, 184, .18) 19px 20px),
            #fff;
        font-size: 11px;
        font-weight: 850;
        line-height: 1.65;
        text-transform: uppercase;
    }

    .rch-email-address-card small {
        display: block;
        margin-bottom: 10px;
        color: #7b8190;
        font-size: 10px;
        font-weight: 760;
        text-transform: none;
    }

    .rch-email-ai-stage {
        display: grid;
        place-items: center;
    }

    .rch-email-ai-stage > div {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        row-gap: 6px;
        width: 100%;
        height: 100%;
    }

    .rch-email-ai-stage .rch-email-ai-status {
        margin-bottom: 0;
    }

    .rch-email-ai-status {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 10px;
        color: var(--rch-muted);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .rch-email-ai-status span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--rch-green);
    }

    .rch-email-ai-status span::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: var(--rch-green);
        box-shadow: 0 0 0 4px var(--rch-green-soft);
    }

    .rch-ai-email-visual {
        width: min(100%, 430px);
        margin: 0 auto;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .96);
        border-radius: 26px;
        background: #fff;
        box-shadow: 0 24px 60px rgba(16, 24, 40, .14);
    }

    .rch-email-ai-stage .rch-ai-email-visual {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 0;
        max-height: 100%;
        margin: 0;
        transform: none;
    }

    .rch-ai-email-hero {
        position: relative;
        padding: 18px;
        color: #fff;
        background:
            radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .28), transparent 22%),
            radial-gradient(circle at 12% 82%, rgba(255, 255, 255, .14), transparent 24%),
            linear-gradient(135deg, #3b0764, #6e00be 48%, #1a8bff);
    }

    .rch-ai-email-brand {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        color: rgba(255, 255, 255, .86);
        font-size: 10px;
        font-weight: 950;
    }

    .rch-ai-email-brand span:first-child {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .rch-ai-email-brand i {
        display: grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 10px;
        color: var(--rch-purple);
        background: #fff;
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-ai-email-brand em {
        font-size: 9px;
        font-style: normal;
        opacity: .72;
        text-transform: uppercase;
    }

    .rch-ai-email-hero strong {
        display: block;
        max-width: 310px;
        margin-top: 13px;
        font-size: 24px;
        line-height: .98;
        letter-spacing: -.065em;
    }

    .rch-ai-email-hero p {
        max-width: 330px;
        margin: 7px 0 0;
        color: rgba(255, 255, 255, .82);
        font-size: 10px;
        line-height: 1.42;
    }

    .rch-ai-email-body {
        display: grid;
        gap: 8px;
        align-content: start;
        min-height: 0;
        overflow: hidden;
        padding: 12px;
        background:
            radial-gradient(circle at 92% 100%, rgba(110, 0, 190, .08), transparent 32%),
            #fff;
    }

    .rch-ai-email-copy {
        padding: 10px 11px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 16px;
        background: #fff;
    }

    .rch-ai-email-copy strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.12;
    }

    .rch-ai-email-copy p {
        margin: 5px 0 0;
        color: var(--rch-text-soft);
        font-size: 9.5px;
        line-height: 1.42;
    }

    .rch-ai-email-details {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        padding: 10px 11px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 16px;
        background: rgba(248, 250, 252, .84);
    }

    .rch-ai-email-details strong,
.rch-ai-email-offer-text strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.1;
    }

    .rch-ai-email-details span,
.rch-ai-email-offer-text span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 9px;
        line-height: 1.32;
    }

    .rch-ai-email-details em {
        color: var(--rch-text);
        font-size: 12px;
        font-style: normal;
        font-weight: 950;
        white-space: nowrap;
    }

    .rch-ai-email-cta {
        display: grid;
        min-height: 34px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: var(--rch-text);
        font-size: 10px;
        font-weight: 950;
    }

    .rch-ai-email-offer-real {
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        padding: 10px;
        border: 1px solid rgba(22, 163, 74, .18);
        border-radius: 18px;
        background: linear-gradient(135deg, rgba(236, 253, 243, .92), #fff);
    }

    .rch-ai-email-product-img {
        display: grid;
        min-height: 64px;
        place-items: center;
        border-radius: 15px;
        color: var(--rch-green);
        background:
            radial-gradient(circle at 32% 24%, rgba(255, 255, 255, .90), transparent 28%),
            linear-gradient(135deg, #dcfce7, #eff6ff);
        font-size: 18px;
        font-weight: 950;
    }

    .rch-ai-email-note {
        color: #98a2b3;
        font-size: 8.5px;
        line-height: 1.35;
        text-align: center;
    }

    .rch-domain-panel {
        display: grid;
        gap: 14px;
    }

    .rch-domain-bar {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 14px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 18px;
        background: #fff;
    }

    .rch-domain-bar i {
        display: grid;
        width: 44px;
        height: 44px;
        place-items: center;
        border-radius: 14px;
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
        font-size: 16px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-domain-bar strong,
.rch-portal-action-card strong,
.rch-portal-brand-card strong {
        display: block;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.12;
    }

    .rch-domain-bar span,
.rch-portal-action-card span,
.rch-portal-brand-card span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.38;
    }

    .rch-domain-status {
        color: var(--rch-green);
        font-size: 10px;
        font-weight: 950;
        white-space: nowrap;
    }

    .rch-domain-steps,
.rch-portal-actions-grid,
.rch-portal-brand-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-domain-step,
.rch-portal-action-card,
.rch-portal-brand-card {
        padding: 14px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 18px;
        background: rgba(255, 255, 255, .88);
    }

    .rch-domain-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.12;
    }

    .rch-domain-step span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.38;
    }

    .rch-domain-step i,
.rch-portal-action-card i,
.rch-portal-brand-card i {
        display: grid;
        width: 34px;
        height: 34px;
        margin-bottom: 12px;
        place-items: center;
        border-radius: 12px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-portal-action-card:nth-child(2) i,
.rch-portal-brand-card:nth-child(2) i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-portal-action-card:nth-child(3) i,
.rch-portal-brand-card:nth-child(3) i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-portal-action-card:nth-child(4) i {
        color: var(--rch-orange);
        background: var(--rch-orange-soft);
    }

    .rch-portal-action-card:nth-child(5) i {
        color: var(--rch-red);
        background: var(--rch-red-soft);
    }

    .rch-portal-action-card:nth-child(6) i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-portal-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rch-portal-brand-card {
        min-height: 172px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(248, 250, 252, .86));
    }

    .rch-portal-brand-url {
        display: inline-flex;
        max-width: 100%;
        min-height: 25px;
        align-items: center;
        margin-top: 14px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: #fff;
        box-shadow: 0 8px 18px rgba(16, 24, 40, .06);
        font-size: 9px;
        font-weight: 850;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rch-sale-ticket {
        padding: 0 2px 17px;
        border-bottom: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-sale-ticket small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-ticket strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 30px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-ticket p {
        margin: 10px 0 0;
        color: var(--rch-text-soft);
        font-size: 13px;
        line-height: 1.5;
    }

    .rch-recovery-flow {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px;
        align-items: stretch;
    }

    .rch-recovery-node {
        grid-template-columns: 1fr;
        align-content: start;
        min-height: 175px;
        background: #fff;
    }

    .rch-recovery-node i {
        margin-bottom: 6px;
    }

    .rch-recovery-node.is-decline i {
        color: var(--rch-red);
        background: var(--rch-red-soft);
    }

    .rch-recovery-node.is-action i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-recovery-node.is-result i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-sale-detail-window {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-sale-detail-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 58px;
        padding: 0 20px;
        border-bottom: 1px solid var(--rch-line);
        color: var(--rch-muted);
        font-size: 12px;
        font-weight: 850;
    }

    .rch-sale-detail-body {
        display: grid;
        gap: 18px;
        padding: 22px;
        background:
            radial-gradient(circle at 16% 8%, rgba(110, 0, 190, .06), transparent 28%),
            #fff;
    }

    .rch-sale-detail-hero {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 20px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 24px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-sale-detail-hero small,
.rch-sale-detail-card small {
        display: block;
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-detail-hero strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 32px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-detail-hero span {
        display: block;
        margin-top: 8px;
        color: var(--rch-muted);
        font-size: 13px;
        line-height: 1.45;
    }

    .rch-sale-detail-status {
        flex: 0 0 auto;
        min-height: 34px;
        padding: 9px 12px;
        border-radius: 999px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 11px;
        font-weight: 950;
    }

    .rch-sale-detail-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-sale-detail-card {
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 20px;
        background: #fff;
    }

    .rch-sale-detail-card strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.12;
    }

    .rch-sale-detail-card span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.42;
    }

    .rch-sale-detail-timeline {
        display: grid;
        gap: 10px;
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 22px;
        background: rgba(247, 248, 252, .58);
    }

    .rch-sale-detail-step {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 11px;
        align-items: center;
    }

    .rch-sale-detail-step i {
        display: grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sale-detail-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.14;
    }

    .rch-sale-detail-step span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-sale-detail-step em {
        color: var(--rch-muted);
        font-size: 10px;
        font-style: normal;
        font-weight: 850;
    }

    .rch-assistant-ui {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 12% 18%, rgba(22, 163, 74, .08), transparent 28%),
            radial-gradient(circle at 88% 16%, rgba(110, 0, 190, .08), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .94));
        box-shadow: 0 28px 78px rgba(16, 24, 40, .11);
    }

    .rch-assistant-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 64px;
        padding: 0 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        background: rgba(255, 255, 255, .68);
    }

    .rch-assistant-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: var(--rch-text);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.02em;
    }

    .rch-assistant-brand span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 12px;
        font-weight: 950;
    }

    .rch-assistant-pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: var(--rch-bg-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-assistant-flow {
        --rch-assistant-node-height: 108px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(104px, 1fr)) minmax(34px, .34fr) repeat(2, minmax(104px, 1fr));
        grid-template-rows: repeat(3, var(--rch-assistant-node-height));
        gap: 12px 0;
        align-items: center;
        min-height: 404px;
        padding: 28px 22px;
        background:
            linear-gradient(rgba(16, 24, 40, .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px);
        background-size: 34px 34px;
    }

    .rch-assistant-svg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
    }

    .rch-assistant-svg > path {
        fill: none;
        stroke: rgba(110, 0, 190, .24);
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .rch-assistant-node {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        justify-self: center;
        width: 84%;
        min-height: var(--rch-assistant-node-height);
        padding: 12px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 18px;
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 16px 34px rgba(16, 24, 40, .075);
    }

    .rch-assistant-node small {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 0 8px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .rch-assistant-node strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 13.5px;
        line-height: 1.05;
        letter-spacing: -.035em;
    }

    .rch-assistant-node span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-assistant-node.wait small {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-assistant-node.output small {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-assistant-node.start {
        grid-column: 1;
        grid-row: 2;
    }

    .rch-assistant-node.context {
        grid-column: 2;
        grid-row: 2;
    }

    .rch-assistant-node.branch {
        grid-column: 3;
        grid-row: 2;
    }

    .rch-assistant-node.action {
        grid-column: 5;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.output {
        grid-column: 6;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.notify {
        grid-column: 5;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-assistant-node.followup {
        grid-column: 6;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-sales-voice-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 58px;
        padding: 0 18px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        color: var(--rch-muted);
        font-size: 11px;
        font-weight: 900;
    }

    .rch-sales-voice-title {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--rch-text);
    }

    .rch-sales-voice-arrow {
        display: inline-grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 950;
        line-height: 1;
    }

    .rch-sales-voice-type {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 9px;
        font-weight: 950;
    }

    .rch-sales-voice-person {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 13px;
        align-items: center;
    }

    .rch-sales-voice-person i {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        border-radius: 16px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 12px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-person strong {
        display: block;
        color: var(--rch-text);
        font-size: 17px;
        line-height: 1.08;
        letter-spacing: -.035em;
    }

    .rch-sales-voice-person span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.35;
    }

    .rch-sales-voice-wave {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 84px;
    }

    .rch-sales-voice-wave span {
        width: 7px;
        height: var(--h);
        border-radius: 999px;
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-blue));
        animation: rch-sales-voice-pulse 1.4s ease-in-out infinite;
    }

    .rch-sales-voice-wave span:nth-child(2n) {
        animation-delay: .18s;
    }

    .rch-sales-voice-wave span:nth-child(3n) {
        animation-delay: .34s;
    }

    @keyframes rch-sales-voice-pulse {
        0%,
100% {
            transform: scaleY(.68);
            opacity: .58;
        }

        50% {
            transform: scaleY(1);
            opacity: 1;
        }
    }

    .rch-sales-voice-steps {
        display: grid;
        gap: 10px;
    }

    .rch-sales-voice-step {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-sales-voice-step i {
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.12;
    }

    .rch-sales-voice-step span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.42;
    }

    .rch-sales-call-ui {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 16% 12%, rgba(110, 0, 190, .08), transparent 32%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .88));
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-sales-call-ui.inbound {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.outbound {
        border-color: rgba(110, 0, 190, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(110, 0, 190, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(243, 236, 255, .68));
    }

    .rch-sales-call-ui.rch-call-blue {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-arrow,
.rch-sales-call-ui.inbound .rch-sales-voice-type,
.rch-sales-call-ui.inbound .rch-sales-voice-person i,
.rch-sales-call-ui.inbound .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-arrow,
.rch-sales-call-ui.outbound .rch-sales-voice-type,
.rch-sales-call-ui.outbound .rch-sales-voice-person i,
.rch-sales-call-ui.outbound .rch-sales-voice-step i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-arrow,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-type,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-person i,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-purple-2));
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-layout {
        display: grid;
        grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
        min-height: 380px;
    }

    .rch-sales-call-core {
        display: grid;
        align-content: start;
        gap: 17px;
        padding: 22px;
        border-right: 1px solid rgba(231, 234, 243, .84);
    }

    .rch-sales-call-meta {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-sales-call-meta div {
        min-width: 0;
        padding: 11px 10px;
        border: 1px solid rgba(231, 234, 243, .82);
        border-radius: 17px;
        background: rgba(255, 255, 255, .66);
    }

    .rch-sales-call-meta span {
        display: block;
        color: var(--rch-muted);
        font-size: 8px;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
    }

    .rch-sales-call-meta strong {
        display: block;
        margin-top: 6px;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.15;
        letter-spacing: -.02em;
    }

    .rch-sales-call-transcript {
        display: grid;
        align-content: start;
        gap: 12px;
        padding: 22px;
        background: rgba(255, 255, 255, .58);
    }

    .rch-sales-transcript-title {
        color: var(--rch-muted);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-transcript-row {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-transcript-row i {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-transcript-row.agent i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.inbound .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-transcript-row.caller i {
        color: var(--rch-text);
        background: rgba(17, 24, 39, .06);
    }

    .rch-transcript-bubble {
        padding: 12px 13px;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 18px;
        background: rgba(255, 255, 255, .82);
    }

    .rch-transcript-bubble strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.1;
    }

    .rch-transcript-bubble span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.42;
    }

    .rch-chatgpt-logo {
        display: block;
        width: 18px;
        height: 18px;
        color: currentColor;
    }

    .rch-cursor-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-scenario-cursor-agent {
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 28px;
        background: #0e1117;
        box-shadow: 0 18px 44px rgba(2, 6, 23, .22);
    }

    .rch-cursor-agent-ui {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        color: #cbd5e1;
        background: #0e1117;
        font-family: "SFMono-Regular", Consolas, monospace;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-ui {
        min-height: 620px;
        grid-template-columns: 44px 156px minmax(0, 1fr);
        grid-template-rows: 38px minmax(0, 1fr);
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 150px minmax(0, 1fr) 150px;
        align-items: center;
        min-height: 38px;
        padding: 0 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
        color: #94a3b8;
        font-size: 11px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(1) { background: #ff5f57; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(2) { background: #ffbd2e; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(3) { background: #28c840; }

    .rch-scenario-cursor-agent .rch-cursor-command-center {
        justify-self: center;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: min(100%, 340px);
        min-height: 25px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 8px;
        background: rgba(255, 255, 255, .045);
        color: #cbd5e1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label {
        justify-self: end;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #e2e8f0;
        font-weight: 850;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label svg {
        width: 15px;
        height: 15px;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity {
        display: grid;
        align-content: start;
        justify-items: center;
        gap: 15px;
        padding: 14px 0;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span {
        display: grid;
        width: 26px;
        height: 26px;
        place-items: center;
        border-radius: 8px;
        color: #64748b;
        font-size: 13px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-cursor-agent-files {
        padding: 12px 8px;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #10141d;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-files {
        padding: 18px 12px;
    }

    .rch-cursor-agent-label {
        margin-bottom: 9px;
        color: #64748b;
        font-size: 6px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-label {
        font-size: 10px;
    }

    .rch-cursor-agent-file {
        margin-bottom: 5px;
        padding: 6px 7px;
        border-radius: 7px;
        color: #94a3b8;
        font-size: 7px;
        white-space: nowrap;
    }

    .rch-cursor-agent-file.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-file {
        padding: 9px 10px;
        border-radius: 10px;
        font-size: 11px;
    }

    .rch-cursor-agent-main {
        display: grid;
        grid-template-rows: 32px minmax(0, 1fr) 155px;
        min-width: 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-main {
        grid-template-rows: 44px minmax(0, 1fr) 260px;
    }

    .rch-functions-cursor .rch-cursor-agent-ui {
        min-height: 520px;
    }

    .rch-functions-cursor .rch-cursor-agent-main {
        grid-template-rows: 44px minmax(0, 1fr) 220px;
    }

    .rch-functions-assistant .rch-assistant-flow {
        min-height: 360px;
        padding: 24px 20px;
    }

    .rch-cursor-agent-tabs {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 0 9px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: #64748b;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-tabs {
        gap: 7px;
        padding: 0 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-tabs span {
        padding: 6px 8px;
        border-radius: 7px;
    }

    .rch-cursor-agent-tabs span:first-child {
        color: #e2e8f0;
        background: rgba(255, 255, 255, .07);
    }

    .rch-cursor-code {
        padding: 12px;
        color: #cbd5e1;
        background:
            linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 100% 24px,
            #0b0f15;
        font-size: 7px;
        line-height: 1.8;
    }

    .rch-scenario-cursor-agent .rch-cursor-code {
        padding: 18px;
        font-size: 12px;
        line-height: 1.82;
    }

    .rch-cursor-code .muted { color: #64748b; }
    .rch-cursor-code .green { color: #86efac; }
    .rch-cursor-code .blue { color: #7dd3fc; }
    .rch-cursor-code .purple { color: #c4b5fd; }

    .rch-monaco-static {
        position: relative;
        width: 100%;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 18px;
        background: #1e1e1e;
        box-shadow: 0 28px 80px rgba(15, 23, 42, .22);
        font-family: Menlo, Monaco, "Courier New", monospace;
    }

    .rch-monaco-static::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
            radial-gradient(circle at 14% 10%, rgba(255, 255, 255, .08), transparent 24%),
            linear-gradient(135deg, rgba(255, 255, 255, .06), transparent 38%);
        opacity: .55;
    }

    .rch-monaco-topbar {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        min-height: 40px;
        padding: 0 14px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        background: #252526;
        color: #cccccc;
        font-family: Inter, system-ui, sans-serif;
        font-size: 11px;
        font-weight: 750;
    }

    .rch-monaco-dots {
        display: flex;
        gap: 7px;
    }

    .rch-monaco-dots span {
        width: 10px;
        height: 10px;
        border-radius: 999px;
    }

    .rch-monaco-dots span:nth-child(1) { background: #ff5f57; }
    .rch-monaco-dots span:nth-child(2) { background: #ffbd2e; }
    .rch-monaco-dots span:nth-child(3) { background: #28c840; }

    .rch-monaco-tabs {
        display: flex;
        align-self: stretch;
        min-width: 0;
    }

    .rch-monaco-tab {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: 220px;
        padding: 0 15px;
        border-left: 1px solid rgba(255, 255, 255, .06);
        border-right: 1px solid rgba(0, 0, 0, .35);
        background: #1e1e1e;
        color: #ffffff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rch-monaco-tab i {
        font-style: normal;
        color: #f7df1e;
        font-size: 10px;
        font-weight: 950;
    }

    .rch-monaco-status {
        color: #7dd3fc;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .08em;
    }

    .rch-monaco-editor {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr);
        min-height: 430px;
        background: #1e1e1e;
    }

    .rch-monaco-gutter {
        padding: 18px 0;
        border-right: 1px solid rgba(255, 255, 255, .05);
        background: #1e1e1e;
        color: #858585;
        font-size: 12px;
        line-height: 1.9;
        text-align: right;
        user-select: none;
    }

    .rch-monaco-gutter span {
        display: block;
        padding-right: 12px;
    }

    .rch-monaco-code {
        padding: 18px 22px;
        color: #d4d4d4;
        font-size: 12px;
        line-height: 1.9;
        white-space: nowrap;
        overflow: hidden;
    }

    .rch-monaco-code div {
        min-height: 22px;
    }

    .rch-monaco-code .comment { color: #6a9955; }
    .rch-monaco-code .kw { color: #c586c0; }
    .rch-monaco-code .fn { color: #dcdcaa; }
    .rch-monaco-code .str { color: #ce9178; }
    .rch-monaco-code .var { color: #9cdcfe; }
    .rch-monaco-code .prop { color: #4fc1ff; }

    .rch-cursor-agent-panel {
        border-top: 1px solid rgba(255, 255, 255, .08);
        background: #111827;
    }

    .rch-cursor-agent-panel-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 11px 0;
        color: #f8fafc;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head {
        padding: 15px 17px 0;
        font-size: 13px;
    }

    .rch-cursor-agent-panel-head span {
        color: #22c55e;
        font-size: 6px;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head span {
        font-size: 9px;
    }

    .rch-cursor-agent-prompt {
        margin: 8px 11px 0;
        padding: 8px 9px;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 10px;
        color: #dbeafe;
        background: #0b1220;
        font-size: 7px;
        line-height: 1.45;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-prompt {
        margin: 10px 17px 0;
        padding: 10px 13px;
        border-radius: 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks {
        display: grid;
        gap: 5px;
        margin: 8px 11px 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks {
        gap: 8px;
        margin: 11px 17px 0;
    }

    .rch-cursor-agent-checks div {
        display: grid;
        grid-template-columns: 14px minmax(0, 1fr) auto;
        gap: 7px;
        color: #94a3b8;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks div {
        grid-template-columns: 20px minmax(0, 1fr) auto;
        gap: 9px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks b {
        color: #22c55e;
        font-size: 8px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks b {
        font-size: 12px;
    }

    .rch-cursor-agent-checks small {
        color: #64748b;
        font-size: 6px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks small {
        font-size: 9px;
    }

    .rch-connected {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #15803d;
        font-size: 10px;
        font-weight: 850;
    }

    .rch-demo-message {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        margin-bottom: 17px;
    }

    .rch-demo-message.user {
        justify-content: flex-end;
    }

    .rch-demo-bubble {
        max-width: 255px;
        padding: 12px 13px;
        border: 1px solid var(--rch-line);
        border-radius: 15px;
        color: var(--rch-text-soft);
        background: #fff;
        font-size: 12px;
        line-height: 1.58;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .04);
    }

    .rch-demo-bubble.user {
        color: #fff;
        background: var(--rch-purple);
        border-color: var(--rch-purple);
        border-bottom-right-radius: 5px;
    }

    .rch-demo-avatar {
        display: grid;
        width: 28px;
        height: 28px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-purple-2));
        font-size: 10px;
        font-weight: 900;
    }

    .rch-demo-avatar.user {
        color: var(--rch-text);
        background: #eaecf0;
    }

    .rch-report-shell {
        display: grid;
        gap: 12px;
    }

    .rch-report-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 1px 2px 3px;
    }

    .rch-report-kicker {
        color: var(--rch-purple);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .rch-report-title {
        margin-top: 4px;
        color: var(--rch-text);
        font-size: 18px;
        font-weight: 850;
        letter-spacing: -.03em;
    }

    .rch-report-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 29px;
        padding: 0 10px;
        border-radius: 999px;
        color: #15803d;
        background: var(--rch-green-soft);
        font-size: 9px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-report-kpis {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-report-kpi,
.rch-report-card {
        border: 1px solid var(--rch-line);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 22px rgba(16, 24, 40, .035);
    }

    .rch-report-kpi {
        padding: 12px;
    }

    .rch-report-kpi span {
        display: block;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-report-kpi strong {
        display: block;
        margin-top: 7px;
        color: var(--rch-text);
        font-size: 19px;
        letter-spacing: -.04em;
    }

    .rch-report-kpi small {
        display: block;
        margin-top: 4px;
        color: var(--rch-green);
        font-size: 8px;
        font-weight: 850;
    }

    .rch-report-card {
        padding: 14px;
    }

    .rch-report-card-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-report-card-title span {
        color: var(--rch-green);
        font-size: 9px;
    }

    .rch-report-chart svg {
        display: block;
        width: 100%;
        height: 138px;
        margin-top: 5px;
    }

    .rch-chart-line {
        stroke-dasharray: 480;
        stroke-dashoffset: 480;
        animation: rch-draw 1.1s .1s ease forwards;
    }

    .rch-chart-area {
        opacity: 0;
        animation: rch-area .8s .45s ease forwards;
    }

    @keyframes rch-draw {
        to {
            stroke-dashoffset: 0;
        }
    }

    @keyframes rch-area {
        to {
            opacity: 1;
        }
    }

    .rch-scenario-gpt {
        overflow: hidden;
        border: 1px solid rgba(231, 231, 233, .72);
        border-radius: 28px;
        background: #fff;
        box-shadow: 0 10px 28px rgba(16, 24, 40, .045);
    }

    .rch-scenario-gpt-top {
        display: grid;
        grid-template-columns: 94px minmax(0, 1fr) auto;
        align-items: center;
        min-height: 56px;
        padding-right: 17px;
        border-bottom: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-gpt-title {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #202123;
        font-size: 13px;
        font-weight: 850;
    }

    .rch-scenario-gpt-title span {
        display: grid;
        width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt-grid {
        display: grid;
        grid-template-columns: 310px minmax(0, 1fr);
        min-height: 520px;
    }

    .rch-scenario-chat {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-chat-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: auto;
        padding: 18px 15px;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message {
        opacity: 0;
        transform: translateY(8px);
        animation-duration: 13s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(1) {
        animation-name: rch-scenario-message-1;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(2) {
        animation-name: rch-scenario-message-2;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(3) {
        animation-name: rch-scenario-message-3;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(4) {
        animation-name: rch-scenario-message-4;
    }

    @keyframes rch-scenario-message-1 {
        0%,
6% { opacity: 0; transform: translateY(8px); }
        10%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-2 {
        0%,
14% { opacity: 0; transform: translateY(8px); }
        19%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-3 {
        0%,
46% { opacity: 0; transform: translateY(8px); }
        51%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-4 {
        0%,
55% { opacity: 0; transform: translateY(8px); }
        60%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    .rch-scenario-composer {
        margin: auto 14px 14px;
        padding: 11px 12px;
        border: 1px solid #dedfe2;
        border-radius: 18px;
        color: #8a8d94;
        background: #fff;
        box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
        font-size: 11px;
    }

    .rch-scenario-composer-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 14px;
    }

    .rch-scenario-composer-tools {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #6b6d74;
        font-size: 9px;
        font-weight: 750;
    }

    .rch-scenario-composer-tools span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 23px;
        padding: 0 8px;
        border: 1px solid #ececec;
        border-radius: 999px;
        background: #f7f7f8;
    }

    .rch-scenario-send {
        display: grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111827;
        font-size: 12px;
        font-weight: 900;
    }

    .rch-scenario-gpt .rch-demo-bubble {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-scenario-gpt .rch-demo-bubble.user {
        color: #202123;
        background: #f1f1f1;
        border-radius: 15px 15px 5px 15px;
    }

    .rch-scenario-gpt .rch-demo-avatar {
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt .rch-demo-avatar.user {
        color: #3f4147;
        background: #e7e7e9;
    }

    .rch-scenario-output {
        min-width: 0;
        background: #f7f7f8;
    }

    .rch-scenario-output-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 54px;
        padding: 0 16px;
        border-bottom: 1px solid #f0f0f1;
        color: #202123;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-scenario-output-body {
        position: relative;
        height: 466px;
        overflow: auto;
        padding: 17px;
    }

    .rch-result-list {
        display: grid;
        gap: 9px;
    }

    .rch-result-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 11px;
        align-items: center;
        padding: 12px;
        border: 1px solid var(--rch-line);
        border-radius: 13px;
        background: #fff;
    }

    .rch-result-row-icon {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-result-row strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
    }

    .rch-result-row span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-result-row-value {
        color: var(--rch-text);
        font-size: 10px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-result-summary {
        margin-top: 12px;
        padding: 14px;
        border: 1px solid #d9c7ff;
        border-radius: 14px;
        color: var(--rch-text-soft);
        background: var(--rch-purple-soft);
        font-size: 10px;
        line-height: 1.6;
    }

    .rch-result-summary strong {
        color: var(--rch-purple);
        font-size: 12px;
    }

    .rch-function-update-shell {
        display: grid;
        gap: 14px;
    }

    .rch-function-update-card {
        overflow: hidden;
        border: 1px solid #e6e8ef;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 14px 34px rgba(16, 24, 40, .055);
    }

    .rch-function-update-card-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 13px 15px;
        border-bottom: 1px solid #eef0f4;
    }

    .rch-function-update-card-head strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.1;
    }

    .rch-function-update-card-head span {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 9px;
        font-weight: 950;
        white-space: nowrap;
    }

    .rch-function-update-code {
        padding: 14px 15px;
        color: #d4d4d4;
        background: #1e1e1e;
        font-family: Menlo, Monaco, "Courier New", monospace;
        font-size: 9.5px;
        line-height: 1.72;
        overflow: hidden;
    }

    .rch-function-update-code div {
        white-space: nowrap;
    }

    .rch-function-update-code .comment { color: #6a9955; }
    .rch-function-update-code .kw { color: #c586c0; }
    .rch-function-update-code .fn { color: #dcdcaa; }
    .rch-function-update-code .str { color: #ce9178; }
    .rch-function-update-code .var { color: #9cdcfe; }
    .rch-function-update-code .prop { color: #4fc1ff; }

    .rch-function-update-steps {
        display: grid;
        gap: 10px;
    }

    .rch-function-update-step {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 11px;
        align-items: start;
        padding: 12px;
        border: 1px solid #e6e8ef;
        border-radius: 16px;
        background: #fff;
    }

    .rch-function-update-step i {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 12px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-function-update-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 12px;
        line-height: 1.12;
    }

    .rch-function-update-step span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-functions-gpt .rch-scenario-gpt-grid {
        min-height: 420px;
    }

    .rch-functions-gpt .rch-scenario-output-body {
        height: 366px;
    }

    .rch-functions-gpt .rch-scenario-output-body {
        overflow: hidden;
    }

    .rch-email-template-gpt.rch-functions-gpt .rch-scenario-gpt-grid {
        min-height: 520px;
    }

    .rch-email-template-gpt .rch-scenario-output {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
    }

    .rch-email-template-gpt.rch-functions-gpt .rch-scenario-output-body {
        height: auto;
        min-height: 0;
        overflow: hidden;
    }

    .rch-function-stage {
        position: absolute;
        inset: 17px;
        opacity: 0;
        pointer-events: none;
        transform: translateY(8px);
        animation-duration: 13s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .rch-function-stage:nth-child(1) {
        animation-name: rch-function-stage-1;
    }

    .rch-function-stage:nth-child(2) {
        animation-name: rch-function-stage-2;
    }

    @keyframes rch-function-stage-1 {
        0%,
14% { opacity: 0; transform: translateY(8px); }
        19%,
52% { opacity: 1; transform: translateY(0); }
        60%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-function-stage-2 {
        0%,
55% { opacity: 0; transform: translateY(8px); }
        60%,
92% { opacity: 1; transform: translateY(0); }
        98%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    .rch-output-state {
        opacity: 0;
        animation: rch-output-primary 13s ease-in-out infinite;
    }

    .rch-output-state-secondary {
        position: absolute;
        inset: 17px;
        opacity: 0;
        pointer-events: none;
        animation: rch-output-secondary 13s ease-in-out infinite;
    }

    @keyframes rch-output-primary {
        0%,
20% {
            opacity: 0;
            transform: translateY(8px);
        }

        25%,
50% {
            opacity: 1;
            transform: translateY(0);
        }

        56%,
100% {
            opacity: 0;
            transform: translateY(-6px);
        }
    }

    @keyframes rch-output-secondary {
        0%,
61% {
            opacity: 0;
            transform: translateY(8px);
        }

        66%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(6px);
        }
    }

    .rch-feature-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
        gap: 54px;
        align-items: center;
    }

    .rch-check-list {
        display: grid;
        gap: 14px;
    }

    .rch-check {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 13px;
        align-items: start;
        color: var(--rch-text-soft);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-check i {
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-style: normal;
        font-weight: 950;
    }

    .rch-check strong {
        color: var(--rch-text);
        font-weight: 900;
    }

    .rch-footer-spacer {
        padding: 42px 0 0;
        background: #fff;
    }

    @media (max-width: 1199px) {
        .rch-section-head,
.rch-feature-split {
            grid-template-columns: 1fr;
        }

        .rch-sales-subsection {
            grid-template-columns: 1fr;
            gap: 28px;
        }

        .rch-module-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-scenario-gpt-grid {
            grid-template-columns: 1fr;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-ui {
            min-height: auto;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
        }

        .rch-scenario-cursor-agent .rch-cursor-titlebar {
            grid-column: 1;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 10px;
        }

        .rch-scenario-cursor-agent .rch-cursor-command-center {
            justify-self: stretch;
        }

        .rch-scenario-cursor-agent .rch-cursor-window-label,
.rch-scenario-cursor-agent .rch-cursor-activity {
            display: none;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-files {
            border-right: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-main {
            grid-template-rows: 44px minmax(260px, 1fr) 265px;
        }

        .rch-monaco-editor {
            grid-template-columns: 42px minmax(0, 1fr);
            min-height: 360px;
        }

        .rch-monaco-gutter {
            font-size: 10px;
        }

        .rch-monaco-code {
            padding: 16px 14px;
            font-size: 10px;
            overflow-x: auto;
        }

        .rch-monaco-status {
            display: none;
        }

        .rch-scenario-chat {
            min-height: 300px;
            border-right: 0;
            border-bottom: 1px solid #e7e7e9;
        }

        .rch-scenario-output-body {
            height: auto;
            max-height: none;
        }
    }

    @media (max-width: 991px) {
        .rch-section {
            padding: 86px 0;
        }

        .rch-hero {
            padding: 140px 0 86px;
        }

        .rch-title-xl {
            font-size: clamp(48px, 13vw, 70px);
        }

        .rch-title-lg {
            font-size: clamp(38px, 10vw, 56px);
        }
    }

    @media (max-width: 767px) {
        .rch-container {
            width: min(100% - 28px, 1240px);
        }

        .rch-module-grid {
            grid-template-columns: 1fr;
        }

        .rch-create-flow,
.rch-recovery-flow,
.rch-sale-detail-grid,
.rch-sales-call-layout,
.rch-function-edit-body,
.rch-template-function-flow,
.rch-domain-steps,
.rch-portal-actions-grid,
.rch-portal-brand-grid {
            grid-template-columns: 1fr;
        }

        .rch-template-function-card::after {
            display: none !important;
        }

        .rch-template-function-card {
            grid-template-rows: none;
            min-height: auto;
        }

        .rch-template-function-card pre {
            min-height: auto;
            max-height: none;
        }

        .rch-email-builder-body {
            grid-template-columns: 1fr;
            min-height: auto;
        }

        .rch-email-editor-gutter {
            display: none;
        }

        .rch-email-design-toolbar {
            gap: 4px;
            max-height: 86px;
            overflow: hidden;
        }

        .rch-email-builder-canvas {
            padding: 16px 14px 34px;
        }

        .rch-email-layout-header,
.rch-email-address-grid {
            grid-template-columns: 1fr;
        }

        .rch-shipping-fulfillment-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-product-catalog-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-domain-bar {
            grid-template-columns: 44px minmax(0, 1fr);
        }

        .rch-domain-status {
            grid-column: 2;
        }

        .rch-sales-call-core {
            border-right: 0;
            border-bottom: 1px solid rgba(231, 234, 243, .84);
        }

        .rch-sales-call-meta {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-step {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-hero {
            flex-direction: column;
        }

        .rch-sale-detail-step {
            align-items: start;
        }

        .rch-sale-detail-step em {
            justify-self: start;
        }

        .rch-scenario-gpt-top {
            grid-template-columns: 82px minmax(0, 1fr) auto;
        }

        .rch-connected {
            display: none;
        }

        .rch-report-kpis {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-assistant-flow {
            position: relative;
            min-height: auto;
            display: grid;
            gap: 18px;
            grid-template-columns: 1fr;
            grid-template-rows: none;
            justify-items: center;
            padding: 22px 16px;
        }

        .rch-assistant-svg {
            display: none;
        }

        .rch-assistant-node.branch,
.rch-assistant-node.notify,
.rch-assistant-node.followup {
            display: none;
        }

        .rch-assistant-node {
            position: relative;
            grid-column: auto !important;
            grid-row: auto !important;
            height: auto;
            min-height: auto;
            align-self: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            width: min(320px, 100%);
            transform: none !important;
        }

        .rch-assistant-node.start::after,
.rch-assistant-node.context::after,
.rch-assistant-node.action::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 2px;
            height: 18px;
            border-radius: 999px;
            background: rgba(110, 0, 190, .18);
            transform: translateX(-50%);
        }
    }


:root {
        --rch-bg: #ffffff;
        --rch-bg-soft: #f7f8fc;
        --rch-bg-lavender: #fbf9ff;
        --rch-text: #101828;
        --rch-text-soft: #475467;
        --rch-muted: #667085;
        --rch-line: #e7eaf3;
        --rch-purple: #6e00be;
        --rch-purple-2: #8b5cf6;
        --rch-purple-soft: #f3ecff;
        --rch-blue: #1a8bff;
        --rch-blue-soft: #eef6ff;
        --rch-pink: #ff2171;
        --rch-green: #16a34a;
        --rch-green-soft: #ecfdf3;
        --rch-orange: #f97316;
        --rch-orange-soft: #fff7ed;
        --rch-red: #ef4444;
        --rch-red-soft: #fef2f2;
        --rch-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rch-shadow-soft: 0 14px 42px rgba(16, 24, 40, .07);
        --rch-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    html {
        scroll-behavior: auto;
    }

    .rch-page {
        overflow: hidden;
        background: var(--rch-bg);
        color: var(--rch-text);
        font-family: var(--rch-font);
    }

    .rch-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rch-section {
        position: relative;
        padding: 112px 0;
    }

    .rch-hero {
        padding: 178px 0 104px;
        background:
            radial-gradient(circle at 15% 20%, rgba(110, 0, 190, .11), transparent 32%),
            radial-gradient(circle at 82% 12%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fafbff 72%, #fff);
    }

    .rch-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1120px);
        gap: 0;
        align-items: center;
    }

    .rch-title {
        margin: 18px 0 0;
        color: var(--rch-text);
        font-weight: 740;
        letter-spacing: -.045em;
        line-height: 1.02;
    }

    .rch-title-xl {
        max-width: 1060px;
        font-size: clamp(62px, 7.1vw, 95px);
    }

    .rch-title-xl .rch-gradient-text {
        white-space: normal;
    }

    .rch-title-lg {
        font-size: clamp(38px, 5vw, 68px);
    }

    .rch-title-lg .rch-gradient-text {
        display: inline;
        padding-right: .04em;
        margin-right: 0;
        white-space: normal;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    .rch-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-right: .08em;
        padding-bottom: .08em;
        margin-top: -.04em;
        margin-right: -.08em;
        margin-bottom: -.08em;
        overflow: visible;
        color: var(--rch-purple);
        background: linear-gradient(110deg, var(--rch-purple), var(--rch-blue) 65%, var(--rch-pink));
        background-clip: text;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .rch-lede {
        max-width: 720px;
        margin: 30px 0 0;
        color: var(--rch-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rch-copy {
        color: var(--rch-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .rch-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        background: var(--rch-purple-soft);
        color: var(--rch-purple);
        font-size: 13px;
        font-weight: 850;
        letter-spacing: .01em;
        white-space: nowrap;
    }

    .rch-anchor-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 34px;
    }

    .rch-anchor-row a,
.rch-doc-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 14px;
        border: 1px solid rgba(231, 234, 243, .95);
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: #fff;
        box-shadow: 0 10px 24px rgba(16, 24, 40, .045);
        font-size: 12px;
        font-weight: 850;
        text-decoration: none !important;
    }

    .rch-doc-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin: -30px 0 46px;
    }

    .rch-section-eyebrow {
        margin-bottom: 18px;
    }

    .rch-section-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 470px);
        gap: 48px;
        align-items: center;
        margin-bottom: 56px;
    }

    .rch-section-head .rch-title {
        margin-top: 0;
    }

    .rch-section-head .rch-copy {
        align-self: center;
        margin: 0;
    }

    .rch-window-dots {
        display: flex;
        gap: 7px;
        padding-left: 18px;
    }

    .rch-window-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-window-dots span:nth-child(1) {
        background: #ff5f57;
    }

    .rch-window-dots span:nth-child(2) {
        background: #ffbd2e;
    }

    .rch-window-dots span:nth-child(3) {
        background: #28c840;
    }

    .rch-module-card small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-module-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .rch-module-card {
        min-height: 245px;
        padding: 24px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 26px;
        background: rgba(255, 255, 255, .92);
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-module-card strong {
        display: block;
        margin-top: 14px;
        color: var(--rch-text);
        font-size: 24px;
        line-height: 1.08;
        letter-spacing: -.05em;
    }

    .rch-module-card p {
        margin: 12px 0 0;
        color: var(--rch-text-soft);
        font-size: 14px;
        line-height: 1.62;
    }

    .rch-sales-stack {
        display: grid;
        gap: 148px;
        align-items: start;
    }

    .rch-sales-subsection {
        display: grid;
        grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
        gap: 78px;
        align-items: center;
        min-width: 0;
        overflow: visible;
    }

    .rch-sales-copy small {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        margin: 0 0 18px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
    }

    .rch-sales-copy > strong {
        display: block;
        margin: 0;
        color: var(--rch-text);
        font-size: clamp(34px, 4vw, 56px);
        line-height: .94;
        letter-spacing: -.065em;
    }

    .rch-sales-copy p {
        max-width: none;
        margin: 18px 0 0;
        color: var(--rch-muted);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-create-visual,
.rch-sales-plain-visual {
        width: 100%;
    }

    .rch-create-flow {
        display: grid;
        gap: 16px;
    }

    .rch-create-sources {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-shipping-fulfillment-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-shipping-fulfillment-flow .rch-create-source {
        grid-template-columns: 1fr;
        align-items: start;
        background: #fff;
    }

    .rch-shipping-fulfillment-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-product-catalog-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-product-catalog-flow .rch-create-source {
        grid-template-columns: 1fr;
        align-items: start;
        background: #fff;
    }

    .rch-product-catalog-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-create-source,
.rch-recovery-node {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 13px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 17px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-create-source i,
.rch-recovery-node i {
        display: grid;
        width: 40px;
        height: 40px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-create-source strong,
.rch-recovery-node strong {
        display: block;
        color: var(--rch-text);
        font-size: 14px;
        line-height: 1.12;
        letter-spacing: -.02em;
    }

    .rch-create-source span,
.rch-recovery-node span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.4;
    }

    .rch-sale-ticket {
        padding: 0 2px 17px;
        border-bottom: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-sale-ticket small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-ticket strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 30px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-ticket p {
        margin: 10px 0 0;
        color: var(--rch-text-soft);
        font-size: 13px;
        line-height: 1.5;
    }

    .rch-recovery-flow {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px;
        align-items: stretch;
    }

    .rch-recovery-node {
        grid-template-columns: 1fr;
        align-content: start;
        min-height: 175px;
        background: #fff;
    }

    .rch-recovery-node i {
        margin-bottom: 6px;
    }

    .rch-recovery-node.is-decline i {
        color: var(--rch-red);
        background: var(--rch-red-soft);
    }

    .rch-recovery-node.is-action i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-recovery-node.is-result i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-sale-detail-window {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-sale-detail-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 58px;
        padding: 0 20px;
        border-bottom: 1px solid var(--rch-line);
        color: var(--rch-muted);
        font-size: 12px;
        font-weight: 850;
    }

    .rch-sale-detail-body {
        display: grid;
        gap: 18px;
        padding: 22px;
        background:
            radial-gradient(circle at 16% 8%, rgba(110, 0, 190, .06), transparent 28%),
            #fff;
    }

    .rch-sale-detail-hero {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 20px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 24px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-sale-detail-hero small,
.rch-sale-detail-card small {
        display: block;
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-detail-hero strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 32px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-detail-hero span {
        display: block;
        margin-top: 8px;
        color: var(--rch-muted);
        font-size: 13px;
        line-height: 1.45;
    }

    .rch-sale-detail-status {
        flex: 0 0 auto;
        min-height: 34px;
        padding: 9px 12px;
        border-radius: 999px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 11px;
        font-weight: 950;
    }

    .rch-sale-detail-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-sale-detail-card {
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 20px;
        background: #fff;
    }

    .rch-sale-detail-card strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.12;
    }

    .rch-sale-detail-card span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.42;
    }

    .rch-sale-detail-timeline {
        display: grid;
        gap: 10px;
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 22px;
        background: rgba(247, 248, 252, .58);
    }

    .rch-sale-detail-step {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 11px;
        align-items: center;
    }

    .rch-sale-detail-step i {
        display: grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sale-detail-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.14;
    }

    .rch-sale-detail-step span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-sale-detail-step em {
        color: var(--rch-muted);
        font-size: 10px;
        font-style: normal;
        font-weight: 850;
    }

    .rch-assistant-ui {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 12% 18%, rgba(22, 163, 74, .08), transparent 28%),
            radial-gradient(circle at 88% 16%, rgba(110, 0, 190, .08), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .94));
        box-shadow: 0 28px 78px rgba(16, 24, 40, .11);
    }

    .rch-assistant-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 64px;
        padding: 0 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        background: rgba(255, 255, 255, .68);
    }

    .rch-assistant-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: var(--rch-text);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.02em;
    }

    .rch-assistant-brand span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 12px;
        font-weight: 950;
    }

    .rch-assistant-pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: var(--rch-bg-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-assistant-flow {
        --rch-assistant-node-height: 108px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(104px, 1fr)) minmax(34px, .34fr) repeat(2, minmax(104px, 1fr));
        grid-template-rows: repeat(3, var(--rch-assistant-node-height));
        gap: 12px 0;
        align-items: center;
        min-height: 404px;
        padding: 28px 22px;
        background:
            linear-gradient(rgba(16, 24, 40, .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px);
        background-size: 34px 34px;
    }

    .rch-assistant-svg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
    }

    .rch-assistant-svg > path {
        fill: none;
        stroke: rgba(110, 0, 190, .24);
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .rch-assistant-node {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        justify-self: center;
        width: 84%;
        min-height: var(--rch-assistant-node-height);
        padding: 12px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 18px;
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 16px 34px rgba(16, 24, 40, .075);
    }

    .rch-assistant-node small {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 0 8px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .rch-assistant-node strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 13.5px;
        line-height: 1.05;
        letter-spacing: -.035em;
    }

    .rch-assistant-node span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-assistant-node.wait small {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-assistant-node.output small {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-assistant-node.start {
        grid-column: 1;
        grid-row: 2;
    }

    .rch-assistant-node.context {
        grid-column: 2;
        grid-row: 2;
    }

    .rch-assistant-node.branch {
        grid-column: 3;
        grid-row: 2;
    }

    .rch-assistant-node.action {
        grid-column: 5;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.output {
        grid-column: 6;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.notify {
        grid-column: 5;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-assistant-node.followup {
        grid-column: 6;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-sales-voice-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 58px;
        padding: 0 18px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        color: var(--rch-muted);
        font-size: 11px;
        font-weight: 900;
    }

    .rch-sales-voice-title {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--rch-text);
    }

    .rch-sales-voice-arrow {
        display: inline-grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 950;
        line-height: 1;
    }

    .rch-sales-voice-type {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 9px;
        font-weight: 950;
    }

    .rch-sales-voice-person {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 13px;
        align-items: center;
    }

    .rch-sales-voice-person i {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        border-radius: 16px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 12px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-person strong {
        display: block;
        color: var(--rch-text);
        font-size: 17px;
        line-height: 1.08;
        letter-spacing: -.035em;
    }

    .rch-sales-voice-person span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.35;
    }

    .rch-sales-voice-wave {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 84px;
    }

    .rch-sales-voice-wave span {
        width: 7px;
        height: var(--h);
        border-radius: 999px;
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-blue));
        animation: rch-sales-voice-pulse 1.4s ease-in-out infinite;
    }

    .rch-sales-voice-wave span:nth-child(2n) {
        animation-delay: .18s;
    }

    .rch-sales-voice-wave span:nth-child(3n) {
        animation-delay: .34s;
    }

    @keyframes rch-sales-voice-pulse {
        0%,
100% {
            transform: scaleY(.68);
            opacity: .58;
        }

        50% {
            transform: scaleY(1);
            opacity: 1;
        }
    }

    .rch-sales-voice-steps {
        display: grid;
        gap: 10px;
    }

    .rch-sales-voice-step {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-sales-voice-step i {
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.12;
    }

    .rch-sales-voice-step span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.42;
    }

    .rch-sales-call-ui {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 16% 12%, rgba(110, 0, 190, .08), transparent 32%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .88));
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-sales-call-ui.inbound {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.outbound {
        border-color: rgba(110, 0, 190, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(110, 0, 190, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(243, 236, 255, .68));
    }

    .rch-sales-call-ui.rch-call-blue {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-arrow,
.rch-sales-call-ui.inbound .rch-sales-voice-type,
.rch-sales-call-ui.inbound .rch-sales-voice-person i,
.rch-sales-call-ui.inbound .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-arrow,
.rch-sales-call-ui.outbound .rch-sales-voice-type,
.rch-sales-call-ui.outbound .rch-sales-voice-person i,
.rch-sales-call-ui.outbound .rch-sales-voice-step i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-arrow,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-type,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-person i,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-purple-2));
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-layout {
        display: grid;
        grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
        min-height: 380px;
    }

    .rch-sales-call-core {
        display: grid;
        align-content: start;
        gap: 17px;
        padding: 22px;
        border-right: 1px solid rgba(231, 234, 243, .84);
    }

    .rch-sales-call-meta {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-sales-call-meta div {
        min-width: 0;
        padding: 11px 10px;
        border: 1px solid rgba(231, 234, 243, .82);
        border-radius: 17px;
        background: rgba(255, 255, 255, .66);
    }

    .rch-sales-call-meta span {
        display: block;
        color: var(--rch-muted);
        font-size: 8px;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
    }

    .rch-sales-call-meta strong {
        display: block;
        margin-top: 6px;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.15;
        letter-spacing: -.02em;
    }

    .rch-sales-call-transcript {
        display: grid;
        align-content: start;
        gap: 12px;
        padding: 22px;
        background: rgba(255, 255, 255, .58);
    }

    .rch-sales-transcript-title {
        color: var(--rch-muted);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-transcript-row {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-transcript-row i {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-transcript-row.agent i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.inbound .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-transcript-row.caller i {
        color: var(--rch-text);
        background: rgba(17, 24, 39, .06);
    }

    .rch-transcript-bubble {
        padding: 12px 13px;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 18px;
        background: rgba(255, 255, 255, .82);
    }

    .rch-transcript-bubble strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.1;
    }

    .rch-transcript-bubble span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.42;
    }

    .rch-chatgpt-logo {
        display: block;
        width: 18px;
        height: 18px;
        color: currentColor;
    }

    .rch-cursor-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-scenario-cursor-agent {
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 28px;
        background: #0e1117;
        box-shadow: 0 18px 44px rgba(2, 6, 23, .22);
    }

    .rch-cursor-agent-ui {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        color: #cbd5e1;
        background: #0e1117;
        font-family: "SFMono-Regular", Consolas, monospace;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-ui {
        min-height: 620px;
        grid-template-columns: 44px 156px minmax(0, 1fr);
        grid-template-rows: 38px minmax(0, 1fr);
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 150px minmax(0, 1fr) 150px;
        align-items: center;
        min-height: 38px;
        padding: 0 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
        color: #94a3b8;
        font-size: 11px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(1) { background: #ff5f57; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(2) { background: #ffbd2e; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(3) { background: #28c840; }

    .rch-scenario-cursor-agent .rch-cursor-command-center {
        justify-self: center;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: min(100%, 340px);
        min-height: 25px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 8px;
        background: rgba(255, 255, 255, .045);
        color: #cbd5e1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label {
        justify-self: end;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #e2e8f0;
        font-weight: 850;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label svg {
        width: 15px;
        height: 15px;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity {
        display: grid;
        align-content: start;
        justify-items: center;
        gap: 15px;
        padding: 14px 0;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span {
        display: grid;
        width: 26px;
        height: 26px;
        place-items: center;
        border-radius: 8px;
        color: #64748b;
        font-size: 13px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-cursor-agent-files {
        padding: 12px 8px;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #10141d;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-files {
        padding: 18px 12px;
    }

    .rch-cursor-agent-label {
        margin-bottom: 9px;
        color: #64748b;
        font-size: 6px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-label {
        font-size: 10px;
    }

    .rch-cursor-agent-file {
        margin-bottom: 5px;
        padding: 6px 7px;
        border-radius: 7px;
        color: #94a3b8;
        font-size: 7px;
        white-space: nowrap;
    }

    .rch-cursor-agent-file.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-file {
        padding: 9px 10px;
        border-radius: 10px;
        font-size: 11px;
    }

    .rch-cursor-agent-main {
        display: grid;
        grid-template-rows: 32px minmax(0, 1fr) 155px;
        min-width: 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-main {
        grid-template-rows: 44px minmax(0, 1fr) 260px;
    }

    .rch-cursor-agent-tabs {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 0 9px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: #64748b;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-tabs {
        gap: 7px;
        padding: 0 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-tabs span {
        padding: 6px 8px;
        border-radius: 7px;
    }

    .rch-cursor-agent-tabs span:first-child {
        color: #e2e8f0;
        background: rgba(255, 255, 255, .07);
    }

    .rch-cursor-code {
        padding: 12px;
        color: #cbd5e1;
        background:
            linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 100% 24px,
            #0b0f15;
        font-size: 7px;
        line-height: 1.8;
    }

    .rch-scenario-cursor-agent .rch-cursor-code {
        padding: 18px;
        font-size: 12px;
        line-height: 1.82;
    }

    .rch-cursor-code .muted { color: #64748b; }
    .rch-cursor-code .green { color: #86efac; }
    .rch-cursor-code .blue { color: #7dd3fc; }
    .rch-cursor-code .purple { color: #c4b5fd; }

    .rch-cursor-agent-panel {
        border-top: 1px solid rgba(255, 255, 255, .08);
        background: #111827;
    }

    .rch-cursor-agent-panel-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 11px 0;
        color: #f8fafc;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head {
        padding: 15px 17px 0;
        font-size: 13px;
    }

    .rch-cursor-agent-panel-head span {
        color: #22c55e;
        font-size: 6px;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head span {
        font-size: 9px;
    }

    .rch-cursor-agent-prompt {
        margin: 8px 11px 0;
        padding: 8px 9px;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 10px;
        color: #dbeafe;
        background: #0b1220;
        font-size: 7px;
        line-height: 1.45;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-prompt {
        margin: 10px 17px 0;
        padding: 10px 13px;
        border-radius: 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks {
        display: grid;
        gap: 5px;
        margin: 8px 11px 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks {
        gap: 8px;
        margin: 11px 17px 0;
    }

    .rch-cursor-agent-checks div {
        display: grid;
        grid-template-columns: 14px minmax(0, 1fr) auto;
        gap: 7px;
        color: #94a3b8;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks div {
        grid-template-columns: 20px minmax(0, 1fr) auto;
        gap: 9px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks b {
        color: #22c55e;
        font-size: 8px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks b {
        font-size: 12px;
    }

    .rch-cursor-agent-checks small {
        color: #64748b;
        font-size: 6px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks small {
        font-size: 9px;
    }

    .rch-connected {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #15803d;
        font-size: 10px;
        font-weight: 850;
    }

    .rch-demo-message {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        margin-bottom: 17px;
    }

    .rch-demo-message.user {
        justify-content: flex-end;
    }

    .rch-demo-bubble {
        max-width: 255px;
        padding: 12px 13px;
        border: 1px solid var(--rch-line);
        border-radius: 15px;
        color: var(--rch-text-soft);
        background: #fff;
        font-size: 12px;
        line-height: 1.58;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .04);
    }

    .rch-demo-bubble.user {
        color: #fff;
        background: var(--rch-purple);
        border-color: var(--rch-purple);
        border-bottom-right-radius: 5px;
    }

    .rch-demo-avatar {
        display: grid;
        width: 28px;
        height: 28px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-purple-2));
        font-size: 10px;
        font-weight: 900;
    }

    .rch-demo-avatar.user {
        color: var(--rch-text);
        background: #eaecf0;
    }

    .rch-report-shell {
        display: grid;
        gap: 12px;
    }

    .rch-report-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 1px 2px 3px;
    }

    .rch-report-kicker {
        color: var(--rch-purple);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .rch-report-title {
        margin-top: 4px;
        color: var(--rch-text);
        font-size: 18px;
        font-weight: 850;
        letter-spacing: -.03em;
    }

    .rch-report-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 29px;
        padding: 0 10px;
        border-radius: 999px;
        color: #15803d;
        background: var(--rch-green-soft);
        font-size: 9px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-report-kpis {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-report-kpi,
.rch-report-card {
        border: 1px solid var(--rch-line);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 22px rgba(16, 24, 40, .035);
    }

    .rch-report-kpi {
        padding: 12px;
    }

    .rch-report-kpi span {
        display: block;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-report-kpi strong {
        display: block;
        margin-top: 7px;
        color: var(--rch-text);
        font-size: 19px;
        letter-spacing: -.04em;
    }

    .rch-report-kpi small {
        display: block;
        margin-top: 4px;
        color: var(--rch-green);
        font-size: 8px;
        font-weight: 850;
    }

    .rch-report-card {
        padding: 14px;
    }

    .rch-report-card-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-report-card-title span {
        color: var(--rch-green);
        font-size: 9px;
    }

    .rch-report-chart svg {
        display: block;
        width: 100%;
        height: 138px;
        margin-top: 5px;
    }

    .rch-chart-line {
        stroke-dasharray: 480;
        stroke-dashoffset: 480;
        animation: rch-draw 1.1s .1s ease forwards;
    }

    .rch-chart-area {
        opacity: 0;
        animation: rch-area .8s .45s ease forwards;
    }

    @keyframes rch-draw {
        to {
            stroke-dashoffset: 0;
        }
    }

    @keyframes rch-area {
        to {
            opacity: 1;
        }
    }

    .rch-scenario-gpt {
        overflow: hidden;
        border: 1px solid rgba(231, 231, 233, .72);
        border-radius: 28px;
        background: #fff;
        box-shadow: 0 10px 28px rgba(16, 24, 40, .045);
    }

    .rch-scenario-gpt-top {
        display: grid;
        grid-template-columns: 94px minmax(0, 1fr) auto;
        align-items: center;
        min-height: 56px;
        padding-right: 17px;
        border-bottom: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-gpt-title {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #202123;
        font-size: 13px;
        font-weight: 850;
    }

    .rch-scenario-gpt-title span {
        display: grid;
        width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt-grid {
        display: grid;
        grid-template-columns: 310px minmax(0, 1fr);
        min-height: 520px;
    }

    .rch-scenario-chat {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-chat-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: auto;
        padding: 18px 15px;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message {
        opacity: 0;
        transform: translateY(8px);
        animation-duration: 13s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(1) {
        animation-name: rch-scenario-message-1;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(2) {
        animation-name: rch-scenario-message-2;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(3) {
        animation-name: rch-scenario-message-3;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(4) {
        animation-name: rch-scenario-message-4;
    }

    @keyframes rch-scenario-message-1 {
        0%,
6% { opacity: 0; transform: translateY(8px); }
        10%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-2 {
        0%,
14% { opacity: 0; transform: translateY(8px); }
        19%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-3 {
        0%,
46% { opacity: 0; transform: translateY(8px); }
        51%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-4 {
        0%,
55% { opacity: 0; transform: translateY(8px); }
        60%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    .rch-scenario-composer {
        margin: auto 14px 14px;
        padding: 11px 12px;
        border: 1px solid #dedfe2;
        border-radius: 18px;
        color: #8a8d94;
        background: #fff;
        box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
        font-size: 11px;
    }

    .rch-scenario-composer-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 14px;
    }

    .rch-scenario-composer-tools {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #6b6d74;
        font-size: 9px;
        font-weight: 750;
    }

    .rch-scenario-composer-tools span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 23px;
        padding: 0 8px;
        border: 1px solid #ececec;
        border-radius: 999px;
        background: #f7f7f8;
    }

    .rch-scenario-send {
        display: grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111827;
        font-size: 12px;
        font-weight: 900;
    }

    .rch-scenario-gpt .rch-demo-bubble {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-scenario-gpt .rch-demo-bubble.user {
        color: #202123;
        background: #f1f1f1;
        border-radius: 15px 15px 5px 15px;
    }

    .rch-scenario-gpt .rch-demo-avatar {
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt .rch-demo-avatar.user {
        color: #3f4147;
        background: #e7e7e9;
    }

    .rch-scenario-output {
        min-width: 0;
        background: #f7f7f8;
    }

    .rch-scenario-output-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 54px;
        padding: 0 16px;
        border-bottom: 1px solid #f0f0f1;
        color: #202123;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-scenario-output-body {
        position: relative;
        height: 466px;
        overflow: auto;
        padding: 17px;
    }

    .rch-result-list {
        display: grid;
        gap: 9px;
    }

    .rch-result-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 11px;
        align-items: center;
        padding: 12px;
        border: 1px solid var(--rch-line);
        border-radius: 13px;
        background: #fff;
    }

    .rch-result-row-icon {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-result-row strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
    }

    .rch-result-row span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-result-row-value {
        color: var(--rch-text);
        font-size: 10px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-result-summary {
        margin-top: 12px;
        padding: 14px;
        border: 1px solid #d9c7ff;
        border-radius: 14px;
        color: var(--rch-text-soft);
        background: var(--rch-purple-soft);
        font-size: 10px;
        line-height: 1.6;
    }

    .rch-result-summary strong {
        color: var(--rch-purple);
        font-size: 12px;
    }

    .rch-output-state {
        opacity: 0;
        animation: rch-output-primary 13s ease-in-out infinite;
    }

    .rch-output-state-secondary {
        position: absolute;
        inset: 17px;
        opacity: 0;
        pointer-events: none;
        animation: rch-output-secondary 13s ease-in-out infinite;
    }

    @keyframes rch-output-primary {
        0%,
20% {
            opacity: 0;
            transform: translateY(8px);
        }

        25%,
50% {
            opacity: 1;
            transform: translateY(0);
        }

        56%,
100% {
            opacity: 0;
            transform: translateY(-6px);
        }
    }

    @keyframes rch-output-secondary {
        0%,
61% {
            opacity: 0;
            transform: translateY(8px);
        }

        66%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(6px);
        }
    }

    .rch-feature-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
        gap: 54px;
        align-items: center;
    }

    .rch-check-list {
        display: grid;
        gap: 14px;
    }

    .rch-check {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 13px;
        align-items: start;
        color: var(--rch-text-soft);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-check i {
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-style: normal;
        font-weight: 950;
    }

    .rch-check strong {
        color: var(--rch-text);
        font-weight: 900;
    }

    .rch-footer-spacer {
        padding: 42px 0 0;
        background: #fff;
    }

    @media (max-width: 1199px) {
        .rch-section-head,
.rch-feature-split {
            grid-template-columns: 1fr;
        }

        .rch-sales-subsection {
            grid-template-columns: 1fr;
            gap: 28px;
        }

        .rch-module-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-scenario-gpt-grid {
            grid-template-columns: 1fr;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-ui {
            min-height: auto;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
        }

        .rch-scenario-cursor-agent .rch-cursor-titlebar {
            grid-column: 1;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 10px;
        }

        .rch-scenario-cursor-agent .rch-cursor-command-center {
            justify-self: stretch;
        }

        .rch-scenario-cursor-agent .rch-cursor-window-label,
.rch-scenario-cursor-agent .rch-cursor-activity {
            display: none;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-files {
            border-right: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-main {
            grid-template-rows: 44px minmax(260px, 1fr) 265px;
        }

        .rch-scenario-chat {
            min-height: 300px;
            border-right: 0;
            border-bottom: 1px solid #e7e7e9;
        }

        .rch-scenario-output-body {
            height: auto;
            max-height: none;
        }
    }

    @media (max-width: 991px) {
        .rch-section {
            padding: 86px 0;
        }

        .rch-hero {
            padding: 140px 0 86px;
        }

        .rch-title-xl {
            font-size: clamp(48px, 13vw, 70px);
        }

        .rch-title-lg {
            font-size: clamp(38px, 10vw, 56px);
        }
    }

    @media (max-width: 767px) {
        .rch-container {
            width: min(100% - 28px, 1240px);
        }

        .rch-module-grid {
            grid-template-columns: 1fr;
        }

        .rch-create-flow,
.rch-recovery-flow,
.rch-sale-detail-grid,
.rch-sales-call-layout {
            grid-template-columns: 1fr;
        }

        .rch-shipping-fulfillment-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-product-catalog-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-sales-call-core {
            border-right: 0;
            border-bottom: 1px solid rgba(231, 234, 243, .84);
        }

        .rch-sales-call-meta {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-step {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-hero {
            flex-direction: column;
        }

        .rch-sale-detail-step {
            align-items: start;
        }

        .rch-sale-detail-step em {
            justify-self: start;
        }

        .rch-scenario-gpt-top {
            grid-template-columns: 82px minmax(0, 1fr) auto;
        }

        .rch-connected {
            display: none;
        }

        .rch-report-kpis {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-assistant-flow {
            position: relative;
            min-height: auto;
            display: grid;
            gap: 18px;
            grid-template-columns: 1fr;
            grid-template-rows: none;
            justify-items: center;
            padding: 22px 16px;
        }

        .rch-assistant-svg {
            display: none;
        }

        .rch-assistant-node.branch,
.rch-assistant-node.notify,
.rch-assistant-node.followup {
            display: none;
        }

        .rch-assistant-node {
            position: relative;
            grid-column: auto !important;
            grid-row: auto !important;
            height: auto;
            min-height: auto;
            align-self: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            width: min(320px, 100%);
            transform: none !important;
        }

        .rch-assistant-node.start::after,
.rch-assistant-node.context::after,
.rch-assistant-node.action::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 2px;
            height: 18px;
            border-radius: 999px;
            background: rgba(110, 0, 190, .18);
            transform: translateX(-50%);
        }
    }


:root {
        --rcr-bg: #ffffff;
        --rcr-text: #101828;
        --rcr-text-soft: #475467;
        --rcr-muted: #667085;
        --rcr-purple: #6e00be;
        --rcr-blue: #1a8bff;
        --rcr-pink: #ff2171;
        --rcr-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rcr-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    html {
        scroll-behavior: auto;
    }

    .rcr-page {
        overflow: hidden;
        background: var(--rcr-bg);
        color: var(--rcr-text);
        font-family: var(--rcr-font);
    }

    .rcr-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rcr-hero {
        min-height: calc(100vh - 40px);
        padding: 178px 0 106px;
        background:
            radial-gradient(circle at 15% 18%, rgba(110, 0, 190, .12), transparent 32%),
            radial-gradient(circle at 82% 12%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fafbff 72%, #fff);
    }

    .rcr-hero-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 78px;
        align-items: start;
    }

    .rcr-title {
        margin: 0;
        color: var(--rcr-text);
        font-weight: 780;
        letter-spacing: -.055em;
        line-height: .98;
    }

    .rcr-title-xl {
        max-width: 620px;
        font-size: clamp(58px, 6.2vw, 95px);
    }

    .rcr-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-right: .08em;
        padding-bottom: .08em;
        margin-top: -.04em;
        margin-right: -.08em;
        margin-bottom: -.08em;
        overflow: visible;
        color: var(--rcr-purple);
        background: linear-gradient(110deg, var(--rcr-purple), var(--rcr-blue) 65%, var(--rcr-pink));
        background-clip: text;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .rcr-lede {
        max-width: 620px;
        margin: 30px 0 0;
        color: var(--rcr-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rcr-copy {
        max-width: 620px;
        margin: 18px 0 0;
        color: var(--rcr-muted);
        font-size: 16px;
        line-height: 1.7;
    }

    .rcr-copy a {
        color: var(--rcr-purple);
        font-weight: 850;
        text-decoration: none;
    }

    .rcr-form-card {
        padding: 30px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background:
            radial-gradient(circle at 18% 10%, rgba(110, 0, 190, .06), transparent 32%),
            radial-gradient(circle at 90% 88%, rgba(26, 139, 255, .06), transparent 30%),
            #fff;
        box-shadow: var(--rcr-shadow);
    }

    .rcr-form-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .rcr-form-field {
        position: relative;
    }

    .rcr-form-field.is-wide,
.rcr-form-group.is-wide {
        grid-column: span 2;
        width: 100%;
    }

    .rcr-form-field input {
        width: 100%;
        height: 54px;
        padding: 20px 14px 8px;
        border: 1px solid rgba(231, 234, 243, .96);
        border-radius: 16px;
        outline: none;
        background: rgba(255, 255, 255, .88);
        color: var(--rcr-text);
        font-size: 14px;
        font-weight: 750;
        transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .rcr-form-field label {
        position: absolute;
        top: 9px;
        left: 14px;
        margin: 0;
        color: var(--rcr-muted);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .06em;
        line-height: 1;
        text-transform: uppercase;
        pointer-events: none;
    }

    .rcr-form-field input:focus {
        border-color: rgba(110, 0, 190, .35);
        background: #fff;
        box-shadow: 0 0 0 4px rgba(110, 0, 190, .07);
    }

    .rcr-terms-agreement {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        width: 100%;
        padding: 14px;
        border: 1px solid rgba(231, 234, 243, .9);
        border-radius: 16px;
        background: rgba(247, 248, 252, .72);
    }

    .rcr-terms-agreement input {
        flex: 0 0 auto;
        width: 18px;
        height: 18px;
        margin: 1px 0 0;
        accent-color: var(--rcr-purple);
    }

    .rcr-terms-agreement-text {
        flex: 1 1 auto;
        min-width: 0;
        margin: 0;
        color: #98a2b3;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.5;
    }

    .rcr-terms-agreement-text a {
        color: #667085;
        font-weight: 500;
        text-decoration: none;
    }

    .rcr-recaptcha {
        overflow: visible;
        min-height: 78px;
    }

    .rcr-submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 48px;
        border: 0;
        border-radius: 999px;
        color: #fff !important;
        background: linear-gradient(110deg, var(--rcr-purple), var(--rcr-blue));
        box-shadow: 0 18px 34px rgba(110, 0, 190, .18);
        font-size: 14px;
        font-weight: 900;
        text-decoration: none !important;
        cursor: pointer;
    }

    .rcr-footer-spacer {
        padding: 42px 0 0;
        background: #fff;
    }

    @media (max-width: 991px) {
        .rcr-hero {
            padding: 140px 0 86px;
        }

        .rcr-hero-grid {
            grid-template-columns: 1fr;
            gap: 42px;
        }

        .rcr-title-xl {
            font-size: clamp(48px, 13vw, 74px);
        }
    }

    @media (max-width: 767px) {
        .rcr-container {
            width: min(100% - 28px, 1240px);
        }

        .rcr-form-card {
            padding: 22px;
        }

        .rcr-form-grid {
            grid-template-columns: 1fr;
        }

        .rcr-form-field.is-wide,
.rcr-form-group.is-wide {
            grid-column: auto;
        }
    }


:root {
        --rch-bg: #ffffff;
        --rch-bg-soft: #f7f8fc;
        --rch-bg-lavender: #fbf9ff;
        --rch-text: #101828;
        --rch-text-soft: #475467;
        --rch-muted: #667085;
        --rch-line: #e7eaf3;
        --rch-purple: #6e00be;
        --rch-purple-2: #8b5cf6;
        --rch-purple-soft: #f3ecff;
        --rch-blue: #1a8bff;
        --rch-blue-soft: #eef6ff;
        --rch-pink: #ff2171;
        --rch-green: #16a34a;
        --rch-green-soft: #ecfdf3;
        --rch-orange: #f97316;
        --rch-orange-soft: #fff7ed;
        --rch-red: #ef4444;
        --rch-red-soft: #fef2f2;
        --rch-shadow: 0 24px 70px rgba(16, 24, 40, .10);
        --rch-shadow-soft: 0 14px 42px rgba(16, 24, 40, .07);
        --rch-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
        min-width: 0;
    }

    html {
        scroll-behavior: auto;
    }

    .rch-page {
        overflow: hidden;
        background: var(--rch-bg);
        color: var(--rch-text);
        font-family: var(--rch-font);
    }

    .rch-container {
        width: min(100% - 40px, 1240px);
        margin: 0 auto;
    }

    .rch-section {
        position: relative;
        padding: 112px 0;
    }

    .rch-hero {
        padding: 178px 0 104px;
        background:
            radial-gradient(circle at 15% 20%, rgba(110, 0, 190, .11), transparent 32%),
            radial-gradient(circle at 82% 12%, rgba(26, 139, 255, .10), transparent 30%),
            linear-gradient(180deg, #fff, #fafbff 72%, #fff);
    }

    .rch-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1120px);
        gap: 0;
        align-items: center;
    }

    .rch-title {
        margin: 18px 0 0;
        color: var(--rch-text);
        font-weight: 740;
        letter-spacing: -.045em;
        line-height: 1.02;
    }

    .rch-title-xl {
        max-width: 1060px;
        font-size: clamp(62px, 7.1vw, 95px);
    }

    .rch-title-xl .rch-gradient-text {
        white-space: normal;
    }

    .rch-title-lg {
        font-size: clamp(38px, 5vw, 68px);
    }

    .rch-title-lg .rch-gradient-text {
        display: inline;
        padding-right: .04em;
        margin-right: 0;
        white-space: normal;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    .rch-gradient-text {
        display: inline-block;
        padding-top: .04em;
        padding-right: .08em;
        padding-bottom: .08em;
        margin-top: -.04em;
        margin-right: -.08em;
        margin-bottom: -.08em;
        overflow: visible;
        color: var(--rch-purple);
        background: linear-gradient(110deg, var(--rch-purple), var(--rch-blue) 65%, var(--rch-pink));
        background-clip: text;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .rch-lede {
        max-width: 720px;
        margin: 30px 0 0;
        color: var(--rch-text-soft);
        font-size: 20px;
        line-height: 1.62;
    }

    .rch-copy {
        color: var(--rch-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .rch-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        background: var(--rch-purple-soft);
        color: var(--rch-purple);
        font-size: 13px;
        font-weight: 850;
        letter-spacing: .01em;
        white-space: nowrap;
    }

    .rch-anchor-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 34px;
    }

    .rch-anchor-row a,
.rch-doc-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 14px;
        border: 1px solid rgba(231, 234, 243, .95);
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: #fff;
        box-shadow: 0 10px 24px rgba(16, 24, 40, .045);
        font-size: 12px;
        font-weight: 850;
        text-decoration: none !important;
    }

    .rch-doc-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin: -30px 0 46px;
    }

    .rch-section-eyebrow {
        margin-bottom: 18px;
    }

    .rch-section-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 470px);
        gap: 48px;
        align-items: center;
        margin-bottom: 56px;
    }

    .rch-section-head .rch-title {
        margin-top: 0;
    }

    .rch-section-head .rch-copy {
        align-self: center;
        margin: 0;
    }

    .rch-window-dots {
        display: flex;
        gap: 7px;
        padding-left: 18px;
    }

    .rch-window-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-window-dots span:nth-child(1) {
        background: #ff5f57;
    }

    .rch-window-dots span:nth-child(2) {
        background: #ffbd2e;
    }

    .rch-window-dots span:nth-child(3) {
        background: #28c840;
    }

    .rch-module-card small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .rch-module-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .rch-module-card {
        min-height: 245px;
        padding: 24px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 26px;
        background: rgba(255, 255, 255, .92);
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-module-card strong {
        display: block;
        margin-top: 14px;
        color: var(--rch-text);
        font-size: 24px;
        line-height: 1.08;
        letter-spacing: -.05em;
    }

    .rch-module-card p {
        margin: 12px 0 0;
        color: var(--rch-text-soft);
        font-size: 14px;
        line-height: 1.62;
    }

    .rch-sales-stack {
        display: grid;
        gap: 148px;
        align-items: start;
    }

    .rch-sales-subsection {
        display: grid;
        grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
        gap: 78px;
        align-items: center;
        min-width: 0;
        overflow: visible;
    }

    .rch-sales-copy small {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        margin: 0 0 18px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
    }

    .rch-subsection-number {
        display: block;
        margin: 0 0 10px;
        color: rgba(102, 112, 133, .34);
        font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
        font-size: clamp(34px, 4.4vw, 60px);
        font-weight: 1000;
        letter-spacing: -.04em;
        line-height: 1.02;
        white-space: nowrap;
        -webkit-text-stroke: .35px currentColor;
    }

    .rch-sales-copy > strong {
        display: block;
        margin: 0;
        color: var(--rch-text);
        font-size: clamp(34px, 4vw, 56px);
        line-height: .94;
        letter-spacing: -.065em;
    }

    .rch-sales-copy p {
        max-width: none;
        margin: 18px 0 0;
        color: var(--rch-muted);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-create-visual,
.rch-sales-plain-visual {
        width: 100%;
    }

    .rch-create-flow {
        display: grid;
        gap: 16px;
    }

    .rch-create-sources {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-shipping-fulfillment-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-shipping-fulfillment-flow .rch-create-source {
        display: flex;
        flex-direction: column;
        grid-template-columns: 1fr;
        justify-items: start;
        align-items: start;
        align-content: start;
        background: #fff;
    }

    .rch-shipping-fulfillment-flow .rch-create-source > div {
        width: 100%;
    }

    .rch-shipping-fulfillment-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-product-catalog-flow .rch-create-sources {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rch-product-catalog-flow .rch-create-source {
        grid-template-columns: 1fr;
        align-items: start;
        background: #fff;
    }

    .rch-product-catalog-flow .rch-create-source i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-create-source,
.rch-recovery-node {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 13px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 17px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-create-source {
        align-items: start;
        align-content: start;
    }

    .rch-create-source i,
.rch-recovery-node i {
        display: grid;
        width: 40px;
        height: 40px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-create-source strong,
.rch-recovery-node strong {
        display: block;
        color: var(--rch-text);
        font-size: 14px;
        line-height: 1.12;
        letter-spacing: -.02em;
    }

    .rch-create-source span,
.rch-recovery-node span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.4;
    }

    .rch-sale-ticket {
        padding: 0 2px 17px;
        border-bottom: 1px solid rgba(231, 234, 243, .92);
    }

    .rch-sale-ticket small {
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-ticket strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 30px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-ticket p {
        margin: 10px 0 0;
        color: var(--rch-text-soft);
        font-size: 13px;
        line-height: 1.5;
    }

    .rch-recovery-flow {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px;
        align-items: stretch;
    }

    .rch-recovery-node {
        grid-template-columns: 1fr;
        align-content: start;
        min-height: 175px;
        background: #fff;
    }

    .rch-recovery-node i {
        margin-bottom: 6px;
    }

    .rch-recovery-node.is-decline i {
        color: var(--rch-red);
        background: var(--rch-red-soft);
    }

    .rch-recovery-node.is-action i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-recovery-node.is-result i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    @keyframes rch-voice-bar {
        0%,
100% {
            transform: scaleY(.58);
            opacity: .58;
        }

        50% {
            transform: scaleY(1.08);
            opacity: 1;
        }
    }

    .rch-voice-flow {
        display: grid;
        grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr);
        gap: 18px;
        align-items: stretch;
    }

    .rch-call-core,
.rch-call-step,
.rch-call-outcome {
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 26px;
        background:
            radial-gradient(circle at 18% 12%, rgba(110, 0, 190, .08), transparent 32%),
            linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 255, .78));
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-call-core {
        display: grid;
        align-content: space-between;
        min-height: 355px;
        padding: 24px;
    }

    .rch-call-label {
        display: inline-flex;
        align-items: center;
        width: max-content;
        min-height: 30px;
        padding: 0 11px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-call-person {
        display: flex;
        align-items: center;
        gap: 13px;
        margin-top: 24px;
    }

    .rch-call-person i {
        display: grid;
        width: 52px;
        height: 52px;
        place-items: center;
        border-radius: 18px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-blue));
        font-style: normal;
        font-size: 14px;
        font-weight: 950;
        box-shadow: 0 18px 34px rgba(110, 0, 190, .18);
    }

    .rch-call-person strong {
        display: block;
        color: var(--rch-text);
        font-size: 17px;
        line-height: 1.05;
        letter-spacing: -.04em;
    }

    .rch-call-person span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.4;
    }

    .rch-call-wave {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 105px;
        margin: 24px 0;
    }

    .rch-call-wave span {
        display: block;
        width: 7px;
        height: var(--h, 28px);
        border-radius: 999px;
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-blue));
        transform-origin: center;
        animation: rch-voice-bar 1.35s ease-in-out infinite;
    }

    .rch-call-wave span:nth-child(2) { animation-delay: .12s; }
    .rch-call-wave span:nth-child(3) { animation-delay: .24s; }
    .rch-call-wave span:nth-child(4) { animation-delay: .36s; }
    .rch-call-wave span:nth-child(5) { animation-delay: .48s; }
    .rch-call-wave span:nth-child(6) { animation-delay: .6s; }
    .rch-call-wave span:nth-child(7) { animation-delay: .72s; }

    .rch-call-meta {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-call-meta div {
        min-height: 58px;
        padding: 10px;
        border: 1px solid rgba(231, 234, 243, .9);
        border-radius: 16px;
        background: rgba(255, 255, 255, .78);
    }

    .rch-call-meta span {
        display: block;
        color: var(--rch-muted);
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .rch-call-meta strong {
        display: block;
        margin-top: 6px;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.05;
        letter-spacing: -.025em;
    }

    .rch-call-flow-side {
        display: grid;
        gap: 12px;
    }

    .rch-call-step {
        position: relative;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        align-items: start;
        padding: 17px;
        box-shadow: 0 12px 30px rgba(16, 24, 40, .055);
    }

    .rch-call-step i,
.rch-call-outcome i {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border-radius: 15px;
        font-style: normal;
        font-size: 11px;
        font-weight: 950;
    }

    .rch-call-step i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-call-step:nth-child(2) i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-call-step:nth-child(3) i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-call-step strong,
.rch-call-outcome strong {
        display: block;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.1;
        letter-spacing: -.03em;
    }

    .rch-call-step span,
.rch-call-outcome span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.42;
    }

    .rch-call-outcome {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        align-items: start;
        padding: 17px;
        border-color: rgba(22, 163, 74, .18);
        background:
            radial-gradient(circle at 14% 22%, rgba(22, 163, 74, .08), transparent 34%),
            rgba(255, 255, 255, .9);
    }

    .rch-call-outcome i {
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 14px;
    }

    .rch-voice-flow.outbound .rch-call-label,
.rch-voice-flow.outbound .rch-call-step:first-child i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sale-detail-window {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background: #fff;
        box-shadow: var(--rch-shadow);
    }

    .rch-sale-detail-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 58px;
        padding: 0 20px;
        border-bottom: 1px solid var(--rch-line);
        color: var(--rch-muted);
        font-size: 12px;
        font-weight: 850;
    }

    .rch-sale-detail-body {
        display: grid;
        gap: 18px;
        padding: 22px;
        background:
            radial-gradient(circle at 16% 8%, rgba(110, 0, 190, .06), transparent 28%),
            #fff;
    }

    .rch-sale-detail-hero {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        padding: 20px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 24px;
        background: rgba(247, 248, 252, .72);
    }

    .rch-sale-detail-hero small,
.rch-sale-detail-card small {
        display: block;
        color: var(--rch-purple);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .rch-sale-detail-hero strong {
        display: block;
        margin-top: 8px;
        color: var(--rch-text);
        font-size: 32px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rch-sale-detail-hero span {
        display: block;
        margin-top: 8px;
        color: var(--rch-muted);
        font-size: 13px;
        line-height: 1.45;
    }

    .rch-sale-detail-status {
        flex: 0 0 auto;
        min-height: 34px;
        padding: 9px 12px;
        border-radius: 999px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 11px;
        font-weight: 950;
    }

    .rch-sale-detail-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-sale-detail-card {
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 20px;
        background: #fff;
    }

    .rch-sale-detail-card strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 15px;
        line-height: 1.12;
    }

    .rch-sale-detail-card span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.42;
    }

    .rch-sale-detail-timeline {
        display: grid;
        gap: 10px;
        padding: 16px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 22px;
        background: rgba(247, 248, 252, .58);
    }

    .rch-sale-detail-step {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 11px;
        align-items: center;
    }

    .rch-sale-detail-step i {
        display: grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sale-detail-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.14;
    }

    .rch-sale-detail-step span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 10px;
    }

    .rch-sale-detail-step em {
        color: var(--rch-muted);
        font-size: 10px;
        font-style: normal;
        font-weight: 850;
    }

    .rch-assistant-ui {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 12% 18%, rgba(22, 163, 74, .08), transparent 28%),
            radial-gradient(circle at 88% 16%, rgba(110, 0, 190, .08), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .94));
        box-shadow: 0 28px 78px rgba(16, 24, 40, .11);
    }

    .rch-assistant-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 64px;
        padding: 0 22px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        background: rgba(255, 255, 255, .68);
    }

    .rch-assistant-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        color: var(--rch-text);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.02em;
    }

    .rch-assistant-brand span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 12px;
        font-weight: 950;
    }

    .rch-assistant-pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--rch-text-soft);
        background: var(--rch-bg-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-assistant-flow {
        --rch-assistant-node-height: 108px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(104px, 1fr)) minmax(34px, .34fr) repeat(2, minmax(104px, 1fr));
        grid-template-rows: repeat(3, var(--rch-assistant-node-height));
        gap: 12px 0;
        align-items: center;
        min-height: 404px;
        padding: 28px 22px;
        background:
            linear-gradient(rgba(16, 24, 40, .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px);
        background-size: 34px 34px;
    }

    .rch-assistant-svg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
    }

    .rch-assistant-svg > path {
        fill: none;
        stroke: rgba(110, 0, 190, .24);
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .rch-assistant-node {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        justify-self: center;
        width: 84%;
        min-height: var(--rch-assistant-node-height);
        padding: 12px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 18px;
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 16px 34px rgba(16, 24, 40, .075);
    }

    .rch-assistant-node small {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 0 8px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .rch-assistant-node strong {
        display: block;
        margin-top: 9px;
        color: var(--rch-text);
        font-size: 13.5px;
        line-height: 1.05;
        letter-spacing: -.035em;
    }

    .rch-assistant-node span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.4;
    }

    .rch-assistant-node.wait small {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-assistant-node.output small {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-assistant-node.start {
        grid-column: 1;
        grid-row: 2;
    }

    .rch-assistant-node.context {
        grid-column: 2;
        grid-row: 2;
    }

    .rch-assistant-node.branch {
        grid-column: 3;
        grid-row: 2;
    }

    .rch-assistant-node.action {
        grid-column: 5;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.output {
        grid-column: 6;
        grid-row: 1;
        align-self: center;
        transform: translateY(22px);
    }

    .rch-assistant-node.notify {
        grid-column: 5;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-assistant-node.followup {
        grid-column: 6;
        grid-row: 3;
        align-self: center;
        transform: translateY(-22px);
    }

    .rch-sales-voice-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 58px;
        padding: 0 18px;
        border-bottom: 1px solid rgba(231, 234, 243, .86);
        color: var(--rch-muted);
        font-size: 11px;
        font-weight: 900;
    }

    .rch-sales-voice-title {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--rch-text);
    }

    .rch-sales-voice-arrow {
        display: inline-grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 950;
        line-height: 1;
    }

    .rch-sales-voice-type {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 9px;
        font-weight: 950;
    }

    .rch-sales-voice-person {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 13px;
        align-items: center;
    }

    .rch-sales-voice-person i {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        border-radius: 16px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 12px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-person strong {
        display: block;
        color: var(--rch-text);
        font-size: 17px;
        line-height: 1.08;
        letter-spacing: -.035em;
    }

    .rch-sales-voice-person span {
        display: block;
        margin-top: 5px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.35;
    }

    .rch-sales-voice-wave {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 84px;
    }

    .rch-sales-voice-wave span {
        width: 7px;
        height: var(--h);
        border-radius: 999px;
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-blue));
        animation: rch-sales-voice-pulse 1.4s ease-in-out infinite;
    }

    .rch-sales-voice-wave span:nth-child(2n) {
        animation-delay: .18s;
    }

    .rch-sales-voice-wave span:nth-child(3n) {
        animation-delay: .34s;
    }

    @keyframes rch-sales-voice-pulse {
        0%,
100% {
            transform: scaleY(.68);
            opacity: .58;
        }

        50% {
            transform: scaleY(1);
            opacity: 1;
        }
    }

    .rch-sales-voice-steps {
        display: grid;
        gap: 10px;
    }

    .rch-sales-voice-step {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-sales-voice-step i {
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-sales-voice-step strong {
        display: block;
        color: var(--rch-text);
        font-size: 13px;
        line-height: 1.12;
    }

    .rch-sales-voice-step span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 10px;
        line-height: 1.42;
    }

    .rch-sales-call-ui {
        overflow: hidden;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 30px;
        background:
            radial-gradient(circle at 16% 12%, rgba(110, 0, 190, .08), transparent 32%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .88));
        box-shadow: var(--rch-shadow-soft);
    }

    .rch-sales-call-ui.inbound {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.outbound {
        border-color: rgba(110, 0, 190, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(110, 0, 190, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(243, 236, 255, .68));
    }

    .rch-sales-call-ui.rch-call-blue {
        border-color: rgba(26, 139, 255, .16);
        background:
            radial-gradient(circle at 18% 12%, rgba(26, 139, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .76));
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-arrow,
.rch-sales-call-ui.inbound .rch-sales-voice-type,
.rch-sales-call-ui.inbound .rch-sales-voice-person i,
.rch-sales-call-ui.inbound .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-arrow,
.rch-sales-call-ui.outbound .rch-sales-voice-type,
.rch-sales-call-ui.outbound .rch-sales-voice-person i,
.rch-sales-call-ui.outbound .rch-sales-voice-step i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-arrow,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-type,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-person i,
.rch-sales-call-ui.rch-call-blue .rch-sales-voice-step i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.inbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-ui.outbound .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-purple), var(--rch-purple-2));
    }

    .rch-sales-call-ui.rch-call-blue .rch-sales-voice-wave span {
        background: linear-gradient(180deg, var(--rch-blue), #93c5fd);
    }

    .rch-sales-call-layout {
        display: grid;
        grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
        min-height: 380px;
    }

    .rch-sales-call-core {
        display: grid;
        align-content: start;
        gap: 17px;
        padding: 22px;
        border-right: 1px solid rgba(231, 234, 243, .84);
    }

    .rch-sales-call-meta {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-sales-call-meta div {
        min-width: 0;
        padding: 11px 10px;
        border: 1px solid rgba(231, 234, 243, .82);
        border-radius: 17px;
        background: rgba(255, 255, 255, .66);
    }

    .rch-sales-call-meta span {
        display: block;
        color: var(--rch-muted);
        font-size: 8px;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
    }

    .rch-sales-call-meta strong {
        display: block;
        margin-top: 6px;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.15;
        letter-spacing: -.02em;
    }

    .rch-sales-call-transcript {
        display: grid;
        align-content: start;
        gap: 12px;
        padding: 22px;
        background: rgba(255, 255, 255, .58);
    }

    .rch-sales-transcript-title {
        color: var(--rch-muted);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-transcript-row {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .rch-transcript-row i {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 13px;
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-transcript-row.agent i {
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
    }

    .rch-sales-call-ui.inbound .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-sales-call-ui.rch-call-blue .rch-transcript-row.agent i {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-transcript-row.caller i {
        color: var(--rch-text);
        background: rgba(17, 24, 39, .06);
    }

    .rch-transcript-bubble {
        padding: 12px 13px;
        border: 1px solid rgba(231, 234, 243, .86);
        border-radius: 18px;
        background: rgba(255, 255, 255, .82);
    }

    .rch-transcript-bubble strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
        line-height: 1.1;
    }

    .rch-transcript-bubble span {
        display: block;
        margin-top: 6px;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.42;
    }

    .rch-chatgpt-logo {
        display: block;
        width: 18px;
        height: 18px;
        color: currentColor;
    }

    .rch-cursor-logo {
        display: block;
        width: 1em;
        height: 1em;
        color: currentColor;
        fill: currentColor;
    }

    .rch-scenario-cursor-agent {
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 28px;
        background: #0e1117;
        box-shadow: 0 18px 44px rgba(2, 6, 23, .22);
    }

    .rch-cursor-agent-ui {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        color: #cbd5e1;
        background: #0e1117;
        font-family: "SFMono-Regular", Consolas, monospace;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-ui {
        min-height: 620px;
        grid-template-columns: 44px 156px minmax(0, 1fr);
        grid-template-rows: 38px minmax(0, 1fr);
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 150px minmax(0, 1fr) 150px;
        align-items: center;
        min-height: 38px;
        padding: 0 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
        color: #94a3b8;
        font-size: 11px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span {
        width: 11px;
        height: 11px;
        border-radius: 999px;
    }

    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(1) { background: #ff5f57; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(2) { background: #ffbd2e; }
    .rch-scenario-cursor-agent .rch-cursor-titlebar-dots span:nth-child(3) { background: #28c840; }

    .rch-scenario-cursor-agent .rch-cursor-command-center {
        justify-self: center;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: min(100%, 340px);
        min-height: 25px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 8px;
        background: rgba(255, 255, 255, .045);
        color: #cbd5e1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label {
        justify-self: end;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #e2e8f0;
        font-weight: 850;
    }

    .rch-scenario-cursor-agent .rch-cursor-window-label svg {
        width: 15px;
        height: 15px;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity {
        display: grid;
        align-content: start;
        justify-items: center;
        gap: 15px;
        padding: 14px 0;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #0b0f15;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span {
        display: grid;
        width: 26px;
        height: 26px;
        place-items: center;
        border-radius: 8px;
        color: #64748b;
        font-size: 13px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-activity span.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-cursor-agent-files {
        padding: 12px 8px;
        border-right: 1px solid rgba(255, 255, 255, .08);
        background: #10141d;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-files {
        padding: 18px 12px;
    }

    .rch-cursor-agent-label {
        margin-bottom: 9px;
        color: #64748b;
        font-size: 6px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-label {
        font-size: 10px;
    }

    .rch-cursor-agent-file {
        margin-bottom: 5px;
        padding: 6px 7px;
        border-radius: 7px;
        color: #94a3b8;
        font-size: 7px;
        white-space: nowrap;
    }

    .rch-cursor-agent-file.active {
        color: #f8fafc;
        background: rgba(255, 255, 255, .08);
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-file {
        padding: 9px 10px;
        border-radius: 10px;
        font-size: 11px;
    }

    .rch-cursor-agent-main {
        display: grid;
        grid-template-rows: 32px minmax(0, 1fr) 155px;
        min-width: 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-main {
        grid-template-rows: 44px minmax(0, 1fr) 260px;
    }

    .rch-cursor-agent-tabs {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 0 9px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: #64748b;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-tabs {
        gap: 7px;
        padding: 0 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-tabs span {
        padding: 6px 8px;
        border-radius: 7px;
    }

    .rch-cursor-agent-tabs span:first-child {
        color: #e2e8f0;
        background: rgba(255, 255, 255, .07);
    }

    .rch-cursor-code {
        padding: 12px;
        color: #cbd5e1;
        background:
            linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 100% 24px,
            #0b0f15;
        font-size: 7px;
        line-height: 1.8;
    }

    .rch-scenario-cursor-agent .rch-cursor-code {
        padding: 18px;
        font-size: 12px;
        line-height: 1.82;
    }

    .rch-cursor-code .muted { color: #64748b; }
    .rch-cursor-code .green { color: #86efac; }
    .rch-cursor-code .blue { color: #7dd3fc; }
    .rch-cursor-code .purple { color: #c4b5fd; }

    .rch-cursor-agent-panel {
        border-top: 1px solid rgba(255, 255, 255, .08);
        background: #111827;
    }

    .rch-cursor-agent-panel-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 11px 0;
        color: #f8fafc;
        font-size: 8px;
        font-weight: 900;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head {
        padding: 15px 17px 0;
        font-size: 13px;
    }

    .rch-cursor-agent-panel-head span {
        color: #22c55e;
        font-size: 6px;
        text-transform: uppercase;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-panel-head span {
        font-size: 9px;
    }

    .rch-cursor-agent-prompt {
        margin: 8px 11px 0;
        padding: 8px 9px;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 10px;
        color: #dbeafe;
        background: #0b1220;
        font-size: 7px;
        line-height: 1.45;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-prompt {
        margin: 10px 17px 0;
        padding: 10px 13px;
        border-radius: 14px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks {
        display: grid;
        gap: 5px;
        margin: 8px 11px 0;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks {
        gap: 8px;
        margin: 11px 17px 0;
    }

    .rch-cursor-agent-checks div {
        display: grid;
        grid-template-columns: 14px minmax(0, 1fr) auto;
        gap: 7px;
        color: #94a3b8;
        font-size: 7px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks div {
        grid-template-columns: 20px minmax(0, 1fr) auto;
        gap: 9px;
        font-size: 11px;
    }

    .rch-cursor-agent-checks b {
        color: #22c55e;
        font-size: 8px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks b {
        font-size: 12px;
    }

    .rch-cursor-agent-checks small {
        color: #64748b;
        font-size: 6px;
    }

    .rch-scenario-cursor-agent .rch-cursor-agent-checks small {
        font-size: 9px;
    }

    .rch-connected {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #15803d;
        font-size: 10px;
        font-weight: 850;
    }

    .rch-demo-message {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        margin-bottom: 17px;
    }

    .rch-demo-message.user {
        justify-content: flex-end;
    }

    .rch-demo-bubble {
        max-width: 255px;
        padding: 12px 13px;
        border: 1px solid var(--rch-line);
        border-radius: 15px;
        color: var(--rch-text-soft);
        background: #fff;
        font-size: 12px;
        line-height: 1.58;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .04);
    }

    .rch-demo-bubble.user {
        color: #fff;
        background: var(--rch-purple);
        border-color: var(--rch-purple);
        border-bottom-right-radius: 5px;
    }

    .rch-demo-avatar {
        display: grid;
        width: 28px;
        height: 28px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: linear-gradient(135deg, var(--rch-purple), var(--rch-purple-2));
        font-size: 10px;
        font-weight: 900;
    }

    .rch-demo-avatar.user {
        color: var(--rch-text);
        background: #eaecf0;
    }

    .rch-report-shell {
        display: grid;
        gap: 12px;
    }

    .rch-report-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 1px 2px 3px;
    }

    .rch-report-kicker {
        color: var(--rch-purple);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .rch-report-title {
        margin-top: 4px;
        color: var(--rch-text);
        font-size: 18px;
        font-weight: 850;
        letter-spacing: -.03em;
    }

    .rch-report-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 29px;
        padding: 0 10px;
        border-radius: 999px;
        color: #15803d;
        background: var(--rch-green-soft);
        font-size: 9px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-report-kpis {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 9px;
    }

    .rch-report-kpi,
.rch-report-card {
        border: 1px solid var(--rch-line);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 22px rgba(16, 24, 40, .035);
    }

    .rch-report-kpi {
        padding: 12px;
    }

    .rch-report-kpi span {
        display: block;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-report-kpi strong {
        display: block;
        margin-top: 7px;
        color: var(--rch-text);
        font-size: 19px;
        letter-spacing: -.04em;
    }

    .rch-report-kpi small {
        display: block;
        margin-top: 4px;
        color: var(--rch-green);
        font-size: 8px;
        font-weight: 850;
    }

    .rch-report-card {
        padding: 14px;
    }

    .rch-report-card-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--rch-text);
        font-size: 11px;
        font-weight: 850;
    }

    .rch-report-card-title span {
        color: var(--rch-green);
        font-size: 9px;
    }

    .rch-report-chart svg {
        display: block;
        width: 100%;
        height: 138px;
        margin-top: 5px;
    }

    .rch-chart-line {
        stroke-dasharray: 480;
        stroke-dashoffset: 480;
        animation: rch-draw 1.1s .1s ease forwards;
    }

    .rch-chart-area {
        opacity: 0;
        animation: rch-area .8s .45s ease forwards;
    }

    @keyframes rch-draw {
        to {
            stroke-dashoffset: 0;
        }
    }

    @keyframes rch-area {
        to {
            opacity: 1;
        }
    }

    .rch-scenario-gpt {
        overflow: hidden;
        border: 1px solid rgba(231, 231, 233, .72);
        border-radius: 28px;
        background: #fff;
        box-shadow: 0 10px 28px rgba(16, 24, 40, .045);
    }

    .rch-scenario-gpt-top {
        display: grid;
        grid-template-columns: 94px minmax(0, 1fr) auto;
        align-items: center;
        min-height: 56px;
        padding-right: 17px;
        border-bottom: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-gpt-title {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #202123;
        font-size: 13px;
        font-weight: 850;
    }

    .rch-scenario-gpt-title span {
        display: grid;
        width: 27px;
        height: 27px;
        place-items: center;
        border-radius: 9px;
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt-grid {
        display: grid;
        grid-template-columns: 310px minmax(0, 1fr);
        min-height: 520px;
    }

    .rch-scenario-chat {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #e7e7e9;
        background: #fff;
    }

    .rch-scenario-chat-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: auto;
        padding: 18px 15px;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message {
        opacity: 0;
        transform: translateY(8px);
        animation-duration: 13s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(1) {
        animation-name: rch-scenario-message-1;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(2) {
        animation-name: rch-scenario-message-2;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(3) {
        animation-name: rch-scenario-message-3;
    }

    .rch-scenario-gpt .rch-scenario-chat-body .rch-demo-message:nth-child(4) {
        animation-name: rch-scenario-message-4;
    }

    @keyframes rch-scenario-message-1 {
        0%,
6% { opacity: 0; transform: translateY(8px); }
        10%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-2 {
        0%,
14% { opacity: 0; transform: translateY(8px); }
        19%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-3 {
        0%,
46% { opacity: 0; transform: translateY(8px); }
        51%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    @keyframes rch-scenario-message-4 {
        0%,
55% { opacity: 0; transform: translateY(8px); }
        60%,
88% { opacity: 1; transform: translateY(0); }
        96%,
100% { opacity: 0; transform: translateY(-4px); }
    }

    .rch-scenario-composer {
        margin: auto 14px 14px;
        padding: 11px 12px;
        border: 1px solid #dedfe2;
        border-radius: 18px;
        color: #8a8d94;
        background: #fff;
        box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
        font-size: 11px;
    }

    .rch-scenario-composer-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 14px;
    }

    .rch-scenario-composer-tools {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #6b6d74;
        font-size: 9px;
        font-weight: 750;
    }

    .rch-scenario-composer-tools span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 23px;
        padding: 0 8px;
        border: 1px solid #ececec;
        border-radius: 999px;
        background: #f7f7f8;
    }

    .rch-scenario-send {
        display: grid;
        width: 25px;
        height: 25px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: #111827;
        font-size: 12px;
        font-weight: 900;
    }

    .rch-scenario-gpt .rch-demo-bubble {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .rch-scenario-gpt .rch-demo-bubble.user {
        color: #202123;
        background: #f1f1f1;
        border-radius: 15px 15px 5px 15px;
    }

    .rch-scenario-gpt .rch-demo-avatar {
        color: #fff;
        background: #111827;
    }

    .rch-scenario-gpt .rch-demo-avatar.user {
        color: #3f4147;
        background: #e7e7e9;
    }

    .rch-scenario-output {
        min-width: 0;
        background: #f7f7f8;
    }

    .rch-scenario-output-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 54px;
        padding: 0 16px;
        border-bottom: 1px solid #f0f0f1;
        color: #202123;
        font-size: 12px;
        font-weight: 850;
    }

    .rch-scenario-output-body {
        position: relative;
        height: 466px;
        overflow: auto;
        padding: 17px;
    }

    .rch-woo-ai-report .rch-output-state {
        animation-duration: 13s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .rch-woo-ai-report .rch-output-state-primary {
        animation-name: rch-woo-output-primary;
    }

    .rch-woo-ai-report .rch-output-state-secondary {
        position: absolute;
        inset: 17px;
        opacity: 0;
        pointer-events: none;
        animation-name: rch-woo-output-secondary;
    }

    @keyframes rch-woo-output-primary {
        0%,
20% {
            opacity: 0;
            transform: translateY(8px);
        }

        25%,
50% {
            opacity: 1;
            transform: translateY(0);
        }

        56%,
100% {
            opacity: 0;
            transform: translateY(-6px);
        }
    }

    @keyframes rch-woo-output-secondary {
        0%,
55% {
            opacity: 0;
            transform: translateY(8px);
        }

        61%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(-6px);
        }
    }

    .rch-result-list {
        display: grid;
        gap: 9px;
    }

    .rch-result-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 11px;
        align-items: center;
        padding: 12px;
        border: 1px solid var(--rch-line);
        border-radius: 13px;
        background: #fff;
    }

    .rch-result-row-icon {
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 11px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 10px;
        font-weight: 900;
    }

    .rch-result-row strong {
        display: block;
        color: var(--rch-text);
        font-size: 11px;
    }

    .rch-result-row span {
        display: block;
        margin-top: 3px;
        color: var(--rch-muted);
        font-size: 9px;
    }

    .rch-result-row-value {
        color: var(--rch-text);
        font-size: 10px;
        font-weight: 850;
        white-space: nowrap;
    }

    .rch-result-summary {
        margin-top: 12px;
        padding: 14px;
        border: 1px solid #d9c7ff;
        border-radius: 14px;
        color: var(--rch-text-soft);
        background: var(--rch-purple-soft);
        font-size: 10px;
        line-height: 1.6;
    }

    .rch-result-summary strong {
        color: var(--rch-purple);
        font-size: 12px;
    }

    .rch-output-state {
        opacity: 0;
        animation: rch-output-primary 13s ease-in-out infinite;
    }

    .rch-output-state-secondary {
        position: absolute;
        inset: 17px;
        opacity: 0;
        pointer-events: none;
        animation: rch-output-secondary 13s ease-in-out infinite;
    }

    @keyframes rch-output-primary {
        0%,
20% {
            opacity: 0;
            transform: translateY(8px);
        }

        25%,
50% {
            opacity: 1;
            transform: translateY(0);
        }

        56%,
100% {
            opacity: 0;
            transform: translateY(-6px);
        }
    }

    @keyframes rch-output-secondary {
        0%,
61% {
            opacity: 0;
            transform: translateY(8px);
        }

        66%,
88% {
            opacity: 1;
            transform: translateY(0);
        }

        96%,
100% {
            opacity: 0;
            transform: translateY(6px);
        }
    }

    .rch-feature-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
        gap: 54px;
        align-items: center;
    }

    .rch-check-list {
        display: grid;
        gap: 14px;
    }

    .rch-check {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 13px;
        align-items: start;
        color: var(--rch-text-soft);
        font-size: 15px;
        line-height: 1.62;
    }

    .rch-check i {
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border-radius: 13px;
        color: var(--rch-green);
        background: var(--rch-green-soft);
        font-style: normal;
        font-weight: 950;
    }

    .rch-check strong {
        color: var(--rch-text);
        font-weight: 900;
    }

    .rch-woo-capability-board {
        display: grid;
        gap: 14px;
        padding: 18px;
        border: 1px solid rgba(231, 234, 243, .94);
        border-radius: 30px;
        background:
            radial-gradient(circle at 14% 10%, rgba(110, 0, 190, .055), transparent 28%),
            radial-gradient(circle at 92% 90%, rgba(26, 139, 255, .05), transparent 30%),
            rgba(255, 255, 255, .94);
        box-shadow: var(--rch-shadow);
    }

    .rch-woo-capability-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .rch-woo-capability-card {
        min-height: 154px;
        padding: 18px;
        border: 1px solid rgba(231, 234, 243, .9);
        border-radius: 22px;
        background: rgba(255, 255, 255, .88);
        box-shadow: 0 10px 28px rgba(16, 24, 40, .045);
    }

    .rch-woo-capability-card small {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--rch-purple);
        background: var(--rch-purple-soft);
        font-size: 9px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .rch-woo-capability-card strong {
        display: block;
        margin-top: 12px;
        color: var(--rch-text);
        font-size: 19px;
        line-height: 1.05;
        letter-spacing: -.045em;
    }

    .rch-woo-capability-card p {
        margin: 9px 0 0;
        color: var(--rch-muted);
        font-size: 12px;
        line-height: 1.48;
    }

    .rch-woo-capability-card.is-blue small {
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
    }

    .rch-woo-capability-card.is-green small {
        color: var(--rch-green);
        background: var(--rch-green-soft);
    }

    .rch-woo-capability-card.is-orange small {
        color: var(--rch-orange);
        background: var(--rch-orange-soft);
    }

    .rch-woo-layer-list {
        display: grid;
        gap: 10px;
    }

    .rch-woo-layer-row {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 13px;
        border: 1px solid rgba(231, 234, 243, .92);
        border-radius: 18px;
        background: rgba(255, 255, 255, .9);
    }

    .rch-woo-layer-row i {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border-radius: 14px;
        color: var(--rch-blue);
        background: var(--rch-blue-soft);
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

    .rch-woo-layer-row strong {
        display: block;
        color: var(--rch-text);
        font-size: 14px;
        line-height: 1.12;
        letter-spacing: -.025em;
    }

    .rch-woo-layer-row span {
        display: block;
        margin-top: 4px;
        color: var(--rch-muted);
        font-size: 11px;
        line-height: 1.35;
    }

    .rch-woo-layer-row em {
        color: var(--rch-purple);
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .rch-footer-spacer {
        padding: 42px 0 0;
        background: #fff;
    }

    @media (max-width: 1199px) {
        .rch-section-head,
.rch-feature-split {
            grid-template-columns: 1fr;
        }

        .rch-sales-subsection {
            grid-template-columns: 1fr;
            gap: 28px;
        }

        .rch-module-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-voice-flow {
            grid-template-columns: 1fr;
        }

        .rch-scenario-gpt-grid {
            grid-template-columns: 1fr;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-ui {
            min-height: auto;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
        }

        .rch-scenario-cursor-agent .rch-cursor-titlebar {
            grid-column: 1;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 10px;
        }

        .rch-scenario-cursor-agent .rch-cursor-command-center {
            justify-self: stretch;
        }

        .rch-scenario-cursor-agent .rch-cursor-window-label,
.rch-scenario-cursor-agent .rch-cursor-activity {
            display: none;
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-files {
            border-right: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
        }

        .rch-scenario-cursor-agent .rch-cursor-agent-main {
            grid-template-rows: 44px minmax(260px, 1fr) 265px;
        }

        .rch-scenario-chat {
            min-height: 300px;
            border-right: 0;
            border-bottom: 1px solid #e7e7e9;
        }

        .rch-scenario-output-body {
            height: auto;
            max-height: none;
        }
    }

    @media (max-width: 991px) {
        .rch-section {
            padding: 86px 0;
        }

        .rch-hero {
            padding: 140px 0 86px;
        }

        .rch-title-xl {
            font-size: clamp(48px, 13vw, 70px);
        }

        .rch-title-lg {
            font-size: clamp(38px, 10vw, 56px);
        }
    }

    @media (max-width: 767px) {
        .rch-container {
            width: min(100% - 28px, 1240px);
        }

        .rch-module-grid {
            grid-template-columns: 1fr;
        }

        .rch-woo-capability-grid {
            grid-template-columns: 1fr;
        }

        .rch-woo-layer-row {
            grid-template-columns: 42px minmax(0, 1fr);
        }

        .rch-woo-layer-row em {
            grid-column: 2;
            justify-self: start;
        }

        .rch-create-flow,
.rch-recovery-flow,
.rch-sale-detail-grid,
.rch-sales-call-layout {
            grid-template-columns: 1fr;
        }

        .rch-shipping-fulfillment-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-product-catalog-flow .rch-create-sources {
            grid-template-columns: 1fr;
        }

        .rch-sales-call-core {
            border-right: 0;
            border-bottom: 1px solid rgba(231, 234, 243, .84);
        }

        .rch-sales-call-meta {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-step {
            grid-template-columns: 1fr;
        }

        .rch-sale-detail-hero {
            flex-direction: column;
        }

        .rch-sale-detail-step {
            align-items: start;
        }

        .rch-sale-detail-step em {
            justify-self: start;
        }

        .rch-scenario-gpt-top {
            grid-template-columns: 82px minmax(0, 1fr) auto;
        }

        .rch-connected {
            display: none;
        }

        .rch-report-kpis {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .rch-assistant-flow {
            position: relative;
            min-height: auto;
            display: grid;
            gap: 18px;
            grid-template-columns: 1fr;
            grid-template-rows: none;
            justify-items: center;
            padding: 22px 16px;
        }

        .rch-assistant-svg {
            display: none;
        }

        .rch-assistant-node.branch,
.rch-assistant-node.notify,
.rch-assistant-node.followup {
            display: none;
        }

        .rch-assistant-node {
            position: relative;
            grid-column: auto !important;
            grid-row: auto !important;
            height: auto;
            min-height: auto;
            align-self: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            width: min(320px, 100%);
            transform: none !important;
        }

        .rch-assistant-node.start::after,
.rch-assistant-node.context::after,
.rch-assistant-node.action::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 2px;
            height: 18px;
            border-radius: 999px;
            background: rgba(110, 0, 190, .18);
            transform: translateX(-50%);
        }
    }


.rch-platform-icon {
    position: relative;
}

/* Platform card icons use the shared rc-icon set with component-specific color wrappers. */
.rch-platform-icon > .rc-icon {
    --rc-icon-size: 22px;
    color: currentColor;
    opacity: .9;
}

.rch-platform-icon.is-payment {
    color: #6e00be;
    background: rgba(110, 0, 190, .12);
}

.rch-platform-icon.is-red {
    color: #ef4444;
    background: rgba(239, 68, 68, .12);
}

.rch-platform-icon.is-blue {
    color: #1a8bff;
    background: rgba(26, 139, 255, .12);
}

.rch-platform-icon.is-green {
    color: #16a34a;
    background: rgba(22, 163, 74, .12);
}

.rch-platform-icon.is-slate {
    color: #475467;
    background: rgba(15, 23, 42, .10);
}

.rch-platform-icon.is-teal {
    color: #14b8a6;
    background: rgba(20, 184, 166, .13);
}

.rch-platform-icon.is-orange {
    color: #f97316;
    background: rgba(249, 115, 22, .13);
}

/* Standardized site UI glyphs: render common controls with SVG masks instead of unicode characters. */
.rch-result-row-icon.is-check,
.rch-result-row-icon.is-arrow {
    font-size: 16px;
}

.rch-result-row-icon.is-check::before,
.rch-result-row-icon.is-arrow::before {
    display: block;
    width: 1em;
    height: 1em;
    background: currentColor;
    content: "";
    -webkit-mask: var(--rc-ui-icon-mask) center / contain no-repeat;
    mask: var(--rc-ui-icon-mask) center / contain no-repeat;
}

.rch-result-row-icon.is-check {
    --rc-ui-icon-mask: var(--rc-icon-check-mask);
    color: var(--rch-green);
    background: var(--rch-green-soft);
}

.rch-result-row-icon.is-arrow {
    --rc-ui-icon-mask: var(--rc-icon-arrow-right-mask);
}

.rch-check i.rc-ui-icon,
.rch-scenario-check i.rc-ui-icon,
.rch-function-checkbox.rc-ui-icon {
    display: grid;
    place-items: center;
}

.rch-check i.rc-ui-icon::before,
.rch-scenario-check i.rc-ui-icon::before,
.rch-function-checkbox.rc-ui-icon::before {
    width: .9em;
    height: .9em;
}

.rch-system-middle::before,
.rch-system-middle::after,
.rch-function-edit-select::after {
    background: currentColor;
    content: "" !important;
    -webkit-mask: var(--rc-ui-icon-mask) center / contain no-repeat;
    mask: var(--rc-ui-icon-mask) center / contain no-repeat;
}

.rch-system-middle::before,
.rch-system-middle::after {
    --rc-ui-icon-mask: var(--rc-icon-arrow-down-mask);
}

.rch-command-system .rch-system-middle::before,
.rch-command-system .rch-system-middle::after {
    --rc-ui-icon-mask: var(--rc-icon-arrow-right-mask);
}

.rch-function-edit-select::after {
    --rc-ui-icon-mask: var(--rc-icon-chevron-down-mask);
    display: block;
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
}

.rch-template-function-card:not(:last-child)::after {
    content: "" !important;
    background: #fff !important;
    -webkit-mask: none !important;
    mask: none !important;
}

.rch-template-function-card:not(:last-child)::before {
    position: absolute;
    top: 50%;
    right: -10px;
    z-index: 3;
    display: block;
    width: 18px;
    height: 18px;
    background: currentColor;
    color: var(--rch-purple);
    content: "";
    pointer-events: none;
    transform: translateY(-50%);
    -webkit-mask: var(--rc-icon-arrow-right-mask) center / contain no-repeat;
    mask: var(--rc-icon-arrow-right-mask) center / contain no-repeat;
}

.rch-platform-card a {
    align-items: center;
    gap: 5px;
}

.rch-platform-card a .rc-ui-icon {
    font-size: .95em;
}

.rch-sales-voice-arrow.rc-ui-icon,
.rch-function-trigger-arrow.rc-ui-icon {
    display: inline-grid;
    place-items: center;
}

.rch-sales-voice-arrow.rc-ui-icon::before,
.rch-function-trigger-arrow.rc-ui-icon::before {
    width: .9em;
    height: .9em;
}

@media (max-width: 1079px) {
    .rch-command-system .rch-system-middle::before,
    .rch-command-system .rch-system-middle::after {
        --rc-ui-icon-mask: var(--rc-icon-arrow-down-mask);
    }

    .rch-template-function-card:not(:last-child)::before {
        display: none !important;
    }
}

.section-bg-white {
    background: #fff !important;
}

.section-bg-gray {
    background: var(--rch-bg-soft) !important;
}

.section-bg-purple {
    background:
        radial-gradient(circle at 10% 16%, rgba(139, 92, 246, .09), transparent 30%),
        radial-gradient(circle at 92% 82%, rgba(26, 139, 255, .08), transparent 28%),
        var(--rch-bg-lavender) !important;
}

.rch-subsection-link-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.rch-subsection-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--rch-muted) !important;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.45;
    text-decoration: none !important;
}

.rch-subsection-link:hover {
    color: var(--rch-muted) !important;
    text-decoration: none !important;
}

.rch-ultimate-system {
    display: grid;
    grid-template-columns: minmax(0, .9fr) 42px minmax(0, .9fr) 42px minmax(360px, 1.2fr);
    gap: 18px;
    align-items: stretch;
    margin-top: 58px;
}

.rch-ultimate-layer,
.rch-ultimate-result {
    border: 1px solid rgba(231, 234, 243, .92);
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(250, 252, 255, .93)),
        #fff;
    box-shadow: 0 22px 60px rgba(16, 24, 40, .065);
}

.rch-ultimate-layer {
    display: flex;
    min-height: 290px;
    flex-direction: column;
    padding: 26px;
}

.rch-ultimate-layer-icon {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 18px;
    color: var(--rch-purple);
    background: var(--rch-purple-soft);
    font-size: 20px;
    font-weight: 950;
    letter-spacing: -.08em;
}

.rch-ultimate-layer-icon.ai {
    color: #1a8bff;
    background: rgba(26, 139, 255, .12);
    font-size: 15px;
    letter-spacing: -.05em;
}

.rch-ultimate-layer small,
.rch-ultimate-result small {
    display: block;
    margin-top: 28px;
    color: var(--rch-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.rch-ultimate-layer strong,
.rch-ultimate-result strong {
    display: block;
    margin-top: 10px;
    color: var(--rch-text);
    font-size: 23px;
    font-weight: 850;
    letter-spacing: -.04em;
    line-height: 1.08;
}

.rch-ultimate-layer p {
    margin: 16px 0 0;
    color: var(--rch-text-soft);
    font-size: 14px;
    line-height: 1.65;
}

.rch-ultimate-plus,
.rch-ultimate-equals {
    display: grid;
    align-self: center;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(231, 234, 243, .95);
    border-radius: 999px;
    color: var(--rch-purple);
    background: #fff;
    box-shadow: 0 14px 30px rgba(16, 24, 40, .09);
    font-size: 22px;
    font-weight: 900;
}

.rch-ultimate-result {
    padding: 30px;
}

.rch-ultimate-result small {
    margin-top: 0;
}

.rch-ultimate-result-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.rch-ultimate-result-grid div {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid rgba(231, 234, 243, .92);
    border-radius: 15px;
    background: #fff;
    color: var(--rch-text-soft);
    font-size: 13px;
    font-weight: 750;
}

.rch-ultimate-result-grid i {
    color: var(--rch-green);
    font-size: 16px;
}

@media (max-width: 1100px) {
    .rch-ultimate-system {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .rch-ultimate-plus,
    .rch-ultimate-equals {
        justify-self: center;
    }

    .rch-ultimate-layer {
        min-height: 0;
    }
}

@media (max-width: 575px) {
    .rch-ultimate-result-grid {
        grid-template-columns: 1fr;
    }
}

.rch-final-cta {
    padding-top: 96px;
}

.rch-final-cta-panel {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
    column-gap: 56px;
    row-gap: 30px;
    align-items: center;
    padding: 54px;
    border: 1px solid rgba(231, 234, 243, .95);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(250, 252, 255, .92)),
        #fff;
    box-shadow: 0 30px 90px rgba(16, 24, 40, .08);
}

.rch-final-cta-copy {
    grid-column: 1;
    grid-row: 1;
}

.rch-final-cta-copy .rch-copy {
    max-width: 610px;
    margin-top: 24px;
}

.rch-final-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    grid-column: 1;
    grid-row: 2;
    width: 100%;
}

.rch-final-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 0 22px;
    border: 1px solid rgba(110, 0, 190, .22);
    border-radius: 999px;
    color: #fff !important;
    background: linear-gradient(90deg, var(--rch-purple), var(--rch-purple-2));
    box-shadow: 0 16px 34px rgba(110, 0, 190, .22);
    font-size: 14px;
    font-weight: 850;
    text-decoration: none !important;
}

.rch-final-cta-btn:hover {
    color: #fff !important;
    transform: translateY(-1px);
}

.rch-final-cta-stack {
    display: grid;
    grid-column: 2;
    grid-row: 1 / span 2;
    gap: 14px;
}

.rch-final-cta-card {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 18px;
    border: 1px solid rgba(231, 234, 243, .92);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(16, 24, 40, .055);
}

.rch-final-cta-card i {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 16px;
    color: var(--rch-green);
    background: var(--rch-green-soft);
    font-size: 18px;
    font-style: normal;
    font-weight: 950;
    letter-spacing: -.04em;
}

.rch-final-cta-card i.rc-ui-icon::before {
    width: .95em;
    height: .95em;
}

.rch-final-cta-card strong {
    display: block;
    color: var(--rch-text);
    font-size: 15px;
    line-height: 1.25;
}

.rch-final-cta-card span {
    display: block;
    margin-top: 7px;
    color: var(--rch-text-soft);
    font-size: 13px;
    line-height: 1.55;
}

@media (max-width: 991px) {
    .rch-final-cta-panel {
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 34px;
    }

    .rch-final-cta-copy,
    .rch-final-cta-stack,
    .rch-final-cta-actions {
        grid-column: 1;
    }

    .rch-final-cta-copy {
        grid-row: 1;
    }

    .rch-final-cta-stack {
        grid-row: 2;
    }

    .rch-final-cta-actions {
        grid-row: 3;
    }
}

@media (max-width: 575px) {
    .rch-final-cta-panel {
        padding: 26px;
        border-radius: 26px;
    }

    .rch-final-cta-card {
        grid-template-columns: 1fr;
    }
}

.rch-recovery-flow {
    gap: 22px;
    overflow: visible;
}

.rch-recovery-node {
    position: relative;
    overflow: visible;
}

.rch-recovery-node:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: -26px;
    z-index: 2;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(231, 234, 243, .95);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(16, 24, 40, .10);
    content: "";
    transform: translateY(-50%);
}

.rch-recovery-node:not(:last-child)::before {
    position: absolute;
    top: 50%;
    right: -19px;
    z-index: 3;
    width: 16px;
    height: 16px;
    background: var(--rch-purple);
    content: "";
    transform: translateY(-50%);
    -webkit-mask: var(--rc-icon-arrow-right-mask) center / contain no-repeat;
    mask: var(--rc-icon-arrow-right-mask) center / contain no-repeat;
}

@media (max-width: 991px) {
    .rch-recovery-flow {
        gap: 44px;
    }

    .rch-recovery-node:not(:last-child)::after {
        top: auto;
        right: 50%;
        bottom: -37px;
        transform: translateX(50%);
    }

    .rch-recovery-node:not(:last-child)::before {
        top: auto;
        right: 50%;
        bottom: -30px;
        transform: translateX(50%);
        -webkit-mask: var(--rc-icon-arrow-down-mask) center / contain no-repeat;
        mask: var(--rc-icon-arrow-down-mask) center / contain no-repeat;
    }
}

#section-context .rch-recovery-flow {
    gap: 14px;
    align-items: stretch;
    overflow: visible;
}

#section-context .rch-recovery-node {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 40px auto minmax(86px, 1fr);
    align-content: stretch;
    gap: 12px;
    min-height: 245px;
    padding: 18px;
    border: 1px solid rgba(231, 234, 243, .92);
    border-radius: 22px;
    background: #fff;
    box-shadow: var(--rch-shadow-soft);
}

#section-context .rch-recovery-node:not(:last-child)::after {
    top: 50%;
    right: -15px;
    width: 28px;
    height: 28px;
    background: #fff;
    box-shadow: 0 10px 22px rgba(16, 24, 40, .10);
    transform: translateY(-50%);
}

#section-context .rch-recovery-node:not(:last-child)::before {
    top: 50%;
    right: -10px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
}

#section-context .rch-recovery-node i {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 13px;
}

#section-context .rch-recovery-node strong {
    align-self: start;
    color: var(--rch-text);
    font-size: 20px;
    line-height: 1.08;
    letter-spacing: -.035em;
}

#section-context .rch-recovery-node span {
    align-self: start;
    margin-top: 0;
    color: var(--rch-muted);
    font-size: 13px;
    line-height: 1.55;
}

@media (max-width: 991px) {
    #section-context .rch-recovery-flow {
        gap: 44px;
    }

    #section-context .rch-recovery-node {
        min-height: auto;
    }

    #section-context .rch-recovery-node:not(:last-child)::after {
        top: auto;
        right: 50%;
        bottom: -37px;
        transform: translateX(50%);
    }

    #section-context .rch-recovery-node:not(:last-child)::before {
        top: auto;
        right: 50%;
        bottom: -30px;
        transform: translateX(50%);
        -webkit-mask: var(--rc-icon-arrow-down-mask) center / contain no-repeat;
        mask: var(--rc-icon-arrow-down-mask) center / contain no-repeat;
    }
}