.robok-site {
  --robok-ink: #0a1020;
  --robok-dark: #070b16;
  --robok-dark-2: #11162a;
  --robok-violet: #6f68ff;
  --robok-blue: #355cff;
  --robok-cyan: #50d8ff;
  --robok-line: #dfe2eb;
  --robok-soft: #f4f5f9;
  background: var(--robok-soft);
  color: var(--robok-ink);
  font-family: "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
}

/* Public visual audit: final Robok ownership of all legacy component classes. */
.robok-site .eyebrow,
.robok-site .pill,
.robok-site .plan-label,
.robok-site .role-pages article > span,
.robok-site .content-grid article > span {
  border: 1px solid #7077ff52;
  border-radius: 5px;
  background: #6b70f414;
  color: #4e57df;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.robok-site .content-grid article,
.robok-site .role-pages article,
.robok-site .flow-node,
.robok-site .purchase-info-grid article {
  border: 1px solid #d9dce7;
  border-radius: 10px;
  box-shadow: 0 18px 48px #131a3512;
}

.robok-site .role-pages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.robok-site .role-pages article {
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 34px;
  border: 0;
  background-position: center;
  background-size: cover;
  color: #fff;
}
.robok-site .role-pages article:nth-child(1) { background-image: linear-gradient(180deg, #080d1b24, #080d1bf5 77%), url('/static/audience-psychologists.png'); }
.robok-site .role-pages article:nth-child(2) { background-image: linear-gradient(180deg, #080d1b24, #080d1bf5 77%), url('/static/audience-lawyers.png'); }
.robok-site .role-pages article:nth-child(3) { background-image: linear-gradient(180deg, #080d1b24, #080d1bf5 77%), url('/static/audience-doctors.png'); }
.robok-site .role-pages article:nth-child(4) { background-image: linear-gradient(180deg, #080d1b24, #080d1bf5 77%), url('/static/audience-authors.png'); }
.robok-site .role-pages article:before { display: none; }
.robok-site .role-pages article > span { align-self: flex-start; background: #0c1227cc; color: #cfd3ff; }
.robok-site .role-pages h2 { margin: 16px 0 10px; }
.robok-site .role-pages h2 a,
.robok-site .role-pages h2 a:hover { color: #fff; text-decoration: none; }
.robok-site .role-pages p { margin: 0; color: #b9c0d1; }

.robok-site .data-flow {
  padding-top: 90px;
  padding-bottom: 100px;
  background: transparent;
}
.robok-site .flow-node {
  position: relative;
  overflow: hidden;
  min-height: 250px;
  padding: 110px 30px 30px;
  border-color: #262e48;
  background: #0c1222;
  color: #fff;
}
.robok-site .flow-node:before {
  position: absolute;
  left: 30px;
  top: 30px;
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 1px solid #7479ff65;
  border-radius: 12px;
  background: linear-gradient(135deg, #686df43d, #348df128);
  color: #aeb6ff;
  content: "◉";
  font-size: 25px;
}
.robok-site .flow-node:nth-of-type(2):before { content: "⌘"; }
.robok-site .flow-node:nth-of-type(3):before { content: "↗"; }
.robok-site .flow-node b { color: #fff; }
.robok-site .flow-node span { color: #aeb6c9; }
.robok-site .flow-node:before { display: none; }
.robok-site .flow-icon { position: absolute; left: 30px; top: 30px; display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid #7479ff65; border-radius: 12px; background: linear-gradient(135deg,#686df43d,#348df128); color: #c7ccff !important; font-family: "Segoe UI Symbol", sans-serif; font-size: 25px; }
.robok-site .data-flow > i { color: #7479ff; font-size: 30px; }

.robok-site .purchase-info { padding: 48px; }
.robok-site .purchase-info-grid article {
  min-height: 300px;
  padding: 32px;
  background: #0d1325;
  color: #fff;
}
.robok-site .purchase-info-grid h3 { color: #fff; }
.robok-site .purchase-info-grid p { color: #b3bbcc; }
.robok-site .purchase-info > .section-heading .pill { background: #11182b; color: #d8dcff; border-color: #5962d8; }
.robok-site .purchase-info-grid .info-number {
  display: inline-grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #6c70f4, #378bf2);
  color: #fff;
}

.robok-site .recommendations-hero aside {
  position: relative;
  z-index: 1;
  border: 1px solid #7077ff55;
  background: #0b1123e8;
  color: #fff;
  box-shadow: 0 24px 65px #03061466;
}
.robok-site .recommendations-hero aside b { color: #fff; }
.robok-site .recommendations-hero aside p { color: #b9c0d2; }
.robok-site .recommendations-heading .eyebrow { color: #525be0; }
.robok-site .recommendation-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 22px;
}
.robok-site .recommendation-card,
.robok-site .recommendation-card.recommendation-featured {
  grid-column: auto;
  min-width: 0;
  min-height: 520px;
  padding: 30px;
  border: 1px solid #252d47;
  border-radius: 10px;
  background: #0c1222;
  color: #fff;
  box-shadow: 0 22px 55px #11182f22;
}
.robok-site .recommendation-card:before { opacity: .18; }
.robok-site .recommendation-card h2,
.robok-site .recommendation-card strong { color: #fff; }
.robok-site .recommendation-card p,
.robok-site .recommendation-card li { color: #adb6c8; }
.robok-site .recommendation-card-top { position: relative; z-index: 2; }
.robok-site .recommendation-logo {
  border: 1px solid #ffffff25;
  background: #fff;
  color: #e52d2d;
}
.robok-site .recommendation-category { border-color: #7077ff45; background: #6b70f418; color: #cdd2ff; }
.robok-site .recommendation-art { border: 1px solid #ffffff14; background: linear-gradient(135deg, #6b70f423, #2788ef12); }
.robok-site .recommendation-link { color: #9ba6ff; }
.robok-site .ad-disclosure { border-top-color: #ffffff14; color: #7f899e !important; }
.robok-site .ad-disclosure a { color: #aeb7ca; }
.robok-site .recommendation-principles { border-color: #242c43; background: #0b1020; }
.robok-site .recommendation-principles h3 { color: #fff; }
.robok-site .recommendation-principles p { color: #9fa8bb; }

.robok-site .recommendations-teaser-mark { background: #fff; color: #e42b2b; }
.robok-site .recommendations-teaser-inner > a { color: #fff; }
.robok-site .recommendations-teaser-inner > a:hover { color: #aeb6ff; }

@media (max-width: 900px) {
  .robok-site .recommendation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .robok-site .role-pages,
  .robok-site .recommendation-grid { grid-template-columns: 1fr; }
  .robok-site .role-pages article { min-height: 300px; }
  .robok-site .purchase-info { padding: 28px 20px; }
  .robok-site .purchase-info-grid article { min-height: 0; padding: 26px; }
  .robok-site .flow-node { min-height: 220px; }
}

.robok-site .site-header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  color: #fff;
  background: #070b16f2;
  border-bottom: 1px solid #ffffff10;
  backdrop-filter: blur(18px);
}

.robok-site .header-inner {
  max-width: 1400px;
  height: 104px;
  padding: 0 34px;
  gap: 34px;
}

.robok-site .brand {
  color: inherit;
  gap: 13px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.035em;
}

.robok-site .brand-mark {
  display: block;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
}

.robok-site .header-inner nav {
  margin: 0 auto;
  padding: 13px 20px;
  gap: 22px;
  border: 1px solid #ffffff21;
  border-radius: 12px;
  background: #090d1e88;
  backdrop-filter: blur(18px);
}

.robok-site .header-inner nav a {
  color: #e9ebf3;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .015em;
}

.robok-site .header-inner nav a:hover,
.robok-site .header-inner nav a.active { color: #fff; }
.robok-site .header-inner nav a.active:after { bottom: -9px; height: 2px; background: #766fff; }

.robok-site .header-cta,
.robok-site .button,
.robok-site button:not(.support-chat-launcher):not(.support-chat-header button):not(.support-chat-handoff-header button):not(.chat-link-button) {
  min-height: 52px;
  padding: 15px 25px;
  border: 1px solid #ffffff24;
  border-radius: 10px;
  background: linear-gradient(135deg, #756eff, #5366ff);
  color: #fff;
  box-shadow: 0 18px 45px #334dff2b;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.robok-site .header-cta:hover,
.robok-site .button:hover { transform: translateY(-2px); box-shadow: 0 20px 52px #334dff45; }

.robok-site .button-dark,
.robok-site a.button.button-dark:link,
.robok-site a.button.button-dark:visited {
  background: #fff;
  color: #12172a;
  border-color: #fff;
  box-shadow: 0 18px 45px #02040a45;
}

.robok-site .button-light,
.robok-site a.button.button-light:link,
.robok-site a.button.button-light:visited {
  background: #fff;
  color: #12172a;
}

.site-menu-toggle { display: none; }

.robok-site .robok-hero {
  position: relative;
  isolation: isolate;
  min-height: 760px;
  color: #fff;
  background: #080d1c url('/static/robok-banner-1.jpg') center bottom / cover no-repeat;
}

.robok-site .robok-hero:after {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background: linear-gradient(90deg, #070b18ee 0%, #070b18a8 47%, #070b1838 100%);
}

.robok-site .hero-grid {
  position: relative;
  min-height: 760px;
  padding: 86px 34px 100px;
  grid-template-columns: 1.04fr .96fr;
  gap: 80px;
}

.robok-site .hero-copy { position: relative; z-index: 3; }
.robok-site .eyebrow,
.robok-site .pill {
  padding: 9px 15px;
  border: 1px solid #737eff66;
  border-radius: 7px;
  background: #5d65ff1a;
  color: #dbe2ff;
  font-size: 12px;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.robok-site .hero-copy h1 {
  max-width: 820px;
  margin: 26px 0;
  color: #fff;
  font-size: clamp(52px, 6vw, 88px);
  font-weight: 650;
  line-height: .98;
  letter-spacing: -.065em;
}

.robok-site .hero-copy h1 strong {
  color: #fff;
  font-weight: inherit;
  background: linear-gradient(90deg, #fff, #a8b0ff 45%, #57dbff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.robok-site .hero-copy > p { color: #c7ccda; font-size: 19px; line-height: 1.7; }
.robok-site .microcopy { color: #9ba3b7; }

.hero-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(80px); opacity: .45; }
.hero-glow-left { left: -12%; top: 22%; width: 420px; height: 420px; background: #1a95c8; }
.hero-glow-right { right: -8%; top: 18%; width: 460px; height: 460px; background: #6c21ff; }

.robok-site .robok-product-stage { min-height: 470px; }
.robok-site .robok-product-stage:before {
  width: 410px;
  height: 410px;
  right: 0;
  top: 4%;
  border: 1px solid #ffffff27;
  background: radial-gradient(circle at 32% 26%, #7585ff69, #11182b9c 56%, #050813 75%);
  box-shadow: inset 0 0 80px #6074ff3b, 0 0 100px #5d2dff2b;
}
.robok-site .robok-product-stage:after {
  width: 240px;
  height: 240px;
  left: 7%;
  bottom: -3%;
  border: 1px solid #58d8ff45;
  background: #0a122877;
}

.robok-site .window-card {
  width: min(100%, 540px);
  border: 1px solid #ffffff26;
  border-radius: 16px;
  background: #11172de6;
  color: #fff;
  box-shadow: 0 40px 100px #000a, inset 0 1px #ffffff13;
  transform: rotate(-1.5deg);
  backdrop-filter: blur(18px);
}
.robok-site .window-top { background: #0a0f20; border-color: #ffffff14; }
.robok-site .window-dot:nth-child(1) { background: #ff6e63; }
.robok-site .window-dot:nth-child(2) { background: #ffcf55; }
.robok-site .window-dot:nth-child(3) { background: #5bdca2; }
.robok-site .window-body small { color: #8e97ac; }
.robok-site .window-body h3 { font-size: 25px; }
.robok-site .mock-line { background: #ffffff12; }
.robok-site .dictation-bar { border: 1px solid #6f75ff45; background: linear-gradient(90deg, #27245c, #151d3e); }

.stage-badge {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 16px;
  border: 1px solid #ffffff2b;
  border-radius: 10px;
  background: #0d1328d9;
  color: #fff;
  font-size: 13px;
  font-weight: 750;
  box-shadow: 0 18px 45px #0008;
  backdrop-filter: blur(14px);
}
.stage-badge-local { top: 9%; right: -1%; }
.stage-badge-local span { width: 9px; height: 9px; border-radius: 50%; background: #5ce6a8; box-shadow: 0 0 0 5px #5ce6a81f; }
.stage-badge-speed { left: 2%; bottom: 4%; flex-direction: column; align-items: flex-start; gap: 0; }
.stage-badge-speed b { font-size: 25px; line-height: 1; }
.stage-badge-speed small { color: #9da6ba; }

.robok-site .trust-strip {
  max-width: 1320px;
  margin: -42px auto 0;
  border: 1px solid #ffffff1c;
  border-radius: 14px;
  background: #111629;
  color: #fff;
  box-shadow: 0 25px 70px #090d1f3d;
}
.robok-site .trust-strip div { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 25px; }
.robok-site .trust-strip div + div { border-color: #ffffff15; }
.robok-site .trust-strip span { color: #747aff; font-size: 12px; letter-spacing: .1em; }

.robok-site .section,
.robok-site .comparison-section { padding-top: 110px; padding-bottom: 110px; }
.robok-site .section-heading { max-width: 780px; }
.robok-site .section-heading .eyebrow { border-color: #646cfb42; background: #646cfb10; color: #535be1; }
.robok-site .section-heading h2,
.robok-site .final-cta h2 { font-size: clamp(38px, 4.7vw, 64px); font-weight: 640; line-height: 1.03; letter-spacing: -.055em; }
.robok-site .section-heading p,
.robok-site .lead { color: #626a7d; line-height: 1.75; }

.robok-site .feature-grid { gap: 22px; }
.robok-site .feature-card,
.robok-site .step,
.robok-site .role-card,
.robok-site .role-pages article,
.robok-site .content-card {
  border: 1px solid #dde0e9;
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.robok-site .feature-card { overflow: hidden; padding: 0; }
.robok-site .feature-art {
  display: block;
  width: 100%;
  height: 230px;
  object-fit: cover;
  object-position: center 42%;
  filter: saturate(.86) contrast(1.02);
}
.robok-site .feature-card:nth-child(2) .feature-art { object-position: center 48%; }
.robok-site .feature-card:nth-child(3) .feature-art { object-position: center 43%; }
.robok-site .feature-card-content { padding: 28px; }
.robok-site .feature-card:hover,
.robok-site .role-card:hover { transform: translateY(-5px); border-color: #757aff66; box-shadow: 0 26px 60px #1a214314; }
.robok-site .feature-icon { border-radius: 8px; background: #10162b; color: #fff; }
.robok-site .accent-mint,
.robok-site .accent-coral,
.robok-site .accent-cream { background: #fff; }
.robok-site .text-link { color: #4d56dd; }

.robok-site .comparison-wrap { border-radius: 14px; box-shadow: 0 24px 70px #171d3b12; }
.robok-site .comparison-table thead th { background: #0b1020; }
.robok-site .comparison-table thead .is-product { background: linear-gradient(135deg, #585ce8, #526dff); }
.robok-site .comparison-table .is-product { background: #f0f1ff; }

.robok-site .robok-demo-section {
  position: relative;
  overflow: hidden;
  background: #070b16 url('/static/robok-banner-1.jpg') center bottom / cover no-repeat;
}
.robok-site .robok-demo-section:before { position: absolute; inset: 0; content: ""; background: #070b16c7; }
.robok-site .robok-demo-section .demo-grid { position: relative; z-index: 1; padding-top: 110px; padding-bottom: 110px; }
.robok-site .demo-visual { border: 1px solid #ffffff24; border-radius: 16px; background: #ffffff0b; box-shadow: 0 35px 80px #0008; }

.robok-site .step { border-top: 3px solid #676cf5; }
.robok-site .step-number { color: #d8d9f2; }

.robok-site .final-cta {
  position: relative;
  overflow: hidden;
  max-width: 1400px;
  border: 1px solid #ffffff1f;
  border-radius: 18px;
  background: #0b1020 url('/static/robok-banner-1.jpg') center 76% / cover no-repeat;
  box-shadow: 0 35px 90px #161b3a36;
}
.robok-site .final-cta:before { position: absolute; inset: 0; content: ""; background: #080d1cb5; }
.robok-site .final-cta > * { position: relative; }

.robok-site .page-hero {
  position: relative;
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 95px;
  color: #fff;
  background: #080d1c url('/static/robok-banner-1.jpg') center 62% / cover no-repeat;
}
.robok-site .page-hero:before { position: absolute; inset: 0; content: ""; background: #070b18b8; }
.robok-site .page-hero > * { position: relative; }
.robok-site .page-hero h1 { color: #fff; }
.robok-site .page-hero p { color: #c7ccda; }
.robok-site .page-hero.mint,
.robok-site .page-hero.coral { background: #080d1c url('/static/robok-banner-1.jpg') center 62% / cover no-repeat; }

.robok-site .recommendations-teaser { border-color: #20273a; background: #0b1020; color: #fff; }
.robok-site .recommendations-teaser-inner > a { color: #fff; }
.robok-site .recommendations-teaser-inner p { color: #9ca5b9; }

.robok-site .site-footer {
  position: relative;
  overflow: hidden;
  padding-top: 82px;
  background: #060a14;
}
.robok-site .footer-orbit { position: absolute; left: 50%; bottom: -470px; width: 1100px; height: 610px; transform: translateX(-50%); border: 1px solid #5e7bff54; border-radius: 50%; box-shadow: 0 0 100px #4a32ff38; }
.robok-site .footer-grid,
.robok-site .footer-bottom { position: relative; }
.robok-site .footer-grid a:hover { color: #fff; }
.robok-site .footer-grid > div { gap: 11px; }

@media (max-width: 1100px) {
  .robok-site .header-inner nav { gap: 14px; padding-left: 14px; padding-right: 14px; }
  .robok-site .header-inner nav a { font-size: 12px; }
  .robok-site .header-inner { gap: 18px; }
}

@media (max-width: 900px) {
  .robok-site .header-inner { height: 84px; padding: 0 22px; }
  .robok-site .header-cta { margin-left: auto; }
  .robok-site .site-menu-toggle {
    display: inline-flex;
    flex-direction: column;
    gap: 5px;
    width: 48px;
    min-height: 48px !important;
    padding: 12px !important;
    border-color: #ffffff2b !important;
    background: #ffffff0b !important;
    box-shadow: none !important;
  }
  .robok-site .site-menu-toggle span { display: block; width: 22px; height: 2px; border-radius: 2px; background: #fff; }
  .robok-site .header-inner nav {
    position: absolute;
    top: 76px;
    left: 22px;
    right: 22px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px;
    border-color: #ffffff2b;
    background: #0a0f20f5;
    box-shadow: 0 30px 70px #000a;
  }
  .robok-site .header-inner nav.is-open { display: flex; }
  .robok-site .header-inner nav a { padding: 12px; font-size: 14px; }
  .robok-site .header-inner nav a.active:after { display: none; }
  .robok-site .hero-grid { min-height: auto; padding-top: 72px; grid-template-columns: 1fr; gap: 35px; }
  .robok-site .robok-hero { min-height: 0; }
  .robok-site .robok-product-stage { min-height: 420px; }
}

@media (max-width: 620px) {
  .robok-site .header-inner { height: 74px; padding: 0 16px; }
  .robok-site .brand { font-size: 17px; }
  .robok-site .brand-mark { width: 38px; height: 38px; }
  .robok-site .header-cta { display: none; }
  .robok-site .site-menu-toggle { margin-left: auto; width: 44px; min-height: 44px !important; }
  .robok-site .header-inner nav { top: 68px; left: 16px; right: 16px; }
  .robok-site .hero-grid { padding: 55px 18px 70px; }
  .robok-site .hero-copy h1 { font-size: clamp(43px, 13vw, 58px); }
  .robok-site .hero-copy > p { font-size: 17px; }
  .robok-site .robok-product-stage { min-height: 330px; }
  .robok-site .robok-product-stage:before { width: 280px; height: 280px; }
  .stage-badge-local { top: 0; right: 0; }
  .stage-badge-speed { left: 0; bottom: 0; }
  .robok-site .trust-strip { margin: 0 18px; }
  .robok-site .trust-strip div { justify-content: flex-start; }
  .robok-site .section,
  .robok-site .comparison-section { padding-top: 75px; padding-bottom: 75px; }
  .robok-site .section-heading h2,
  .robok-site .final-cta h2 { font-size: 38px; }
  .robok-site .page-hero { padding-top: 65px; padding-bottom: 70px; }
  .robok-site .site-footer { padding-top: 60px; }
}

@media (prefers-reduced-motion: reduce) {
  .robok-site *, .robok-site *:before, .robok-site *:after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Full Robok public design system */
@font-face {
  font-family: "Sora";
  src: url('/static/vendor/sora/Sora-Variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

.robok-site {
  --robok-lime: #c7f65b;
  --robok-surface: #0d1222;
  --robok-surface-2: #151b2e;
  --robok-copy: #626a7b;
  --robok-paper: #f5f6fa;
  font-family: "Sora", "Segoe UI", sans-serif;
  background: var(--robok-paper);
}

.robok-site h1,
.robok-site h2,
.robok-site h3,
.robok-site h4,
.robok-site h5,
.robok-site h6,
.robok-site .brand,
.robok-site .button,
.robok-site button,
.robok-site input,
.robok-site textarea,
.robok-site select { font-family: "Sora", "Segoe UI", sans-serif; }

.robok-site main {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 4% 28%, #6f68ff0f 0 180px, transparent 420px),
    radial-gradient(circle at 96% 68%, #4fdcff0c 0 170px, transparent 420px),
    var(--robok-paper);
}

.robok-site main > section,
.robok-site main > article { position: relative; }

.robok-site p,
.robok-site li { line-height: 1.75; }

.robok-site a { transition: color .2s ease, opacity .2s ease, transform .2s ease; }

.robok-site .site-header { box-shadow: 0 12px 45px #0000001f; }
.robok-site .header-inner { height: 94px; }
.robok-site .header-inner nav { border-radius: 8px; }
.robok-site .header-cta { border-radius: 8px; }

.robok-site .button,
.robok-site button:not(.support-chat-launcher):not(.support-chat-header button):not(.support-chat-handoff-header button):not(.chat-link-button) {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: -.01em;
}

.robok-site .button:after,
.robok-site .header-cta:after {
  content: "↗";
  margin-left: 11px;
  font-size: 17px;
  line-height: 1;
}

.robok-site button:after { content: none; }
.robok-site .copy-key:after,
.robok-site .chat-link-button:after { content: none; }

.robok-site .button-primary,
.robok-site a.button.button-primary:link,
.robok-site a.button.button-primary:visited {
  border-color: #7069ff;
  background: linear-gradient(135deg, #7270ff 0%, #5264f7 58%, #3b8ff2 100%);
  box-shadow: 0 17px 42px #4c5df33a;
}

.robok-site .button-dark,
.robok-site a.button.button-dark:link,
.robok-site a.button.button-dark:visited {
  border-color: #dfe2e9;
  background: #fff;
  color: #0b1020;
}

.robok-site .button-danger,
.robok-site button.button-danger { border-color: #e45568; background: #e45568; }

.robok-site .eyebrow,
.robok-site .pill,
.robok-site .plan-label,
.robok-site .recommendation-category,
.robok-site .ad-disclosure {
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.robok-site .hero-grid { max-width: 1400px; }
.robok-site .robok-hero { min-height: 790px; }
.robok-site .hero-grid { min-height: 790px; }
.robok-site .robok-hero:before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background: url('/static/robok-wave.jpg') center 62% / cover no-repeat;
  opacity: .13;
  mix-blend-mode: screen;
}

.robok-site .hero-copy h1 { font-weight: 520; }
.robok-site .hero-copy > p { max-width: 670px; }
.robok-site .window-card { transform: perspective(900px) rotateY(-5deg) rotateZ(-1deg); }

.robok-site .section,
.robok-site .comparison-section,
.robok-site .pricing-section,
.robok-site .recommendations-section,
.robok-site .wiki-section,
.robok-site .recommendation-principles { max-width: 1400px; }

.robok-site .section-heading { margin-bottom: 48px; }
.robok-site .section-heading h2,
.robok-site .final-cta h2 { margin-top: 20px; }

.robok-site .feature-card,
.robok-site .content-grid article,
.robok-site .step,
.robok-site .timeline article,
.robok-site .role-card,
.robok-site .role-pages article,
.robok-site .split-panel > div,
.robok-site .flow-node,
.robok-site .price-card,
.robok-site .contact-card,
.robok-site .contact-form,
.robok-site .panel,
.robok-site .purchase-info,
.robok-site .refund-flow > div,
.robok-site .wiki-card,
.robok-site .wiki-answer,
.robok-site .wiki-related-panel,
.robok-site .help-callout,
.robok-site .help-warning,
.robok-site .recommendation-principles > div {
  border: 1px solid #dfe2ea;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 55px #151b3510;
}

.robok-site .content-grid {
  gap: 22px;
}

.robok-site .content-grid article {
  position: relative;
  overflow: hidden;
  min-height: 280px;
  padding: 36px;
}

.robok-site .content-grid article:before,
.robok-site .step:before,
.robok-site .timeline article:before,
.robok-site .role-card:before,
.robok-site .role-pages article:before {
  position: absolute;
  right: -48px;
  bottom: -58px;
  width: 165px;
  height: 165px;
  border: 1px solid #7771ff2e;
  border-radius: 50%;
  content: "";
  box-shadow: inset 0 0 48px #6868ff16;
}

.robok-site .content-grid article > span {
  display: inline-flex;
  min-width: 44px;
  height: 36px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 5px;
  background: var(--robok-surface);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
}

.robok-site .content-grid article h2 { margin: 24px 0 12px; font-size: 25px; line-height: 1.25; letter-spacing: -.035em; }
.robok-site .content-grid article p { color: var(--robok-copy); }

.robok-site .timeline { counter-reset: robok-step; }
.robok-site .timeline article,
.robok-site .step {
  position: relative;
  overflow: hidden;
  min-height: 260px;
  padding: 34px;
  border-top: 1px solid #dfe2ea;
}
.robok-site .timeline article > b,
.robok-site .step-number {
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #716cff, #496af8);
  color: #fff;
  font-size: 16px;
  box-shadow: 0 12px 26px #4d5bf22e;
}
.robok-site .timeline article h2,
.robok-site .step h3 { margin-top: 25px; font-size: 23px; letter-spacing: -.03em; }
.robok-site .timeline article p,
.robok-site .step p { color: var(--robok-copy); }

.robok-site .role-list,
.robok-site .role-pages { gap: 22px; }
.robok-site .role-card,
.robok-site .role-pages article { position: relative; overflow: hidden; min-height: 190px; padding: 34px; }
.robok-site .role-card h3,
.robok-site .role-pages h2 { font-size: 27px; letter-spacing: -.04em; }
.robok-site .role-card p,
.robok-site .role-pages p { color: var(--robok-copy); }
.robok-site .role-pages h2 a { color: var(--robok-ink); text-decoration: none; }
.robok-site .role-pages h2 a:hover { color: #5961e9; }

.robok-site .split-panel { gap: 22px; }
.robok-site .split-panel > div { position: relative; overflow: hidden; padding: 42px; }
.robok-site .split-panel > div:first-child { background: var(--robok-surface); color: #fff; border-color: #ffffff17; }
.robok-site .split-panel > div:first-child:after {
  position: absolute;
  inset: auto -90px -90px auto;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, #716cff7d, transparent 68%);
  content: "";
}
.robok-site .split-panel h2 { font-size: 32px; letter-spacing: -.04em; }

.robok-site .check-list { list-style: none; padding: 0; }
.robok-site .check-list li { position: relative; margin: 11px 0; padding-left: 32px; }
.robok-site .check-list li:before {
  position: absolute;
  left: 0;
  top: .32em;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  background: var(--robok-lime);
  color: #111827;
  content: "✓";
  font-size: 11px;
  font-weight: 900;
}

.robok-site .data-flow { gap: 18px; }
.robok-site .flow-node { min-height: 175px; padding: 30px; }
.robok-site .flow-node strong { display: block; margin-bottom: 12px; font-size: 22px; letter-spacing: -.03em; }
.robok-site .data-flow > i { color: #686cf4; font-size: 26px; }

.robok-site .inline-cta {
  max-width: 1352px;
  margin-top: 20px;
  margin-bottom: 100px;
  padding: 48px 54px;
  border: 1px solid #ffffff20;
  border-radius: 12px;
  background: var(--robok-surface) url('/static/robok-dots.jpg') center / cover no-repeat;
  color: #fff;
  box-shadow: 0 28px 75px #10172f32;
}
.robok-site .inline-cta:before { position: absolute; inset: 0; border-radius: inherit; background: #090e1bd9; content: ""; }
.robok-site .inline-cta > * { position: relative; }
.robok-site .inline-cta h2 { margin: 0 0 8px; font-size: 34px; letter-spacing: -.045em; }
.robok-site .inline-cta p { margin: 0; color: #abb3c6; }

.robok-site .page-hero {
  min-height: 460px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 85px 24px;
  background: var(--robok-dark) url('/static/robok-grid-wave.jpg') center bottom / cover no-repeat;
}
.robok-site .page-hero:before { background: linear-gradient(90deg, #070b16e8, #070b16a8 50%, #18114c91); }
.robok-site .page-hero:after {
  position: absolute;
  right: 7%;
  top: 20%;
  width: 220px;
  height: 220px;
  border: 1px solid #ffffff20;
  border-radius: 50%;
  box-shadow: inset 0 0 80px #5c62ff3e, 0 0 70px #5a34ff29;
  content: "";
}
.robok-site .page-hero h1 { max-width: 1080px; margin: 22px auto 16px; font-size: clamp(44px, 5.6vw, 76px); font-weight: 520; line-height: 1.02; letter-spacing: -.06em; }
.robok-site .page-hero p { max-width: 820px; font-size: 18px; }

.robok-site .pricing-section { padding-top: 90px; padding-bottom: 105px; }
.robok-site .pricing-grid { gap: 24px; }
.robok-site .price-card { position: relative; overflow: hidden; min-height: 520px; padding: 42px; }
.robok-site .price-card.primary { border-color: #666bfa; background: var(--robok-surface); color: #fff; box-shadow: 0 28px 75px #20285835; }
.robok-site .price-card.primary:before {
  position: absolute;
  right: -130px;
  top: -130px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, #6668ff7d, transparent 70%);
  content: "";
}
.robok-site .price-card > * { position: relative; }
.robok-site .plan-label { display: inline-flex; padding: 8px 11px; background: #efefff; color: #5057d7; }
.robok-site .price-card.primary .plan-label { background: #ffffff15; color: #cdd1ff; }
.robok-site .plan-price,
.robok-site .price { font-size: clamp(48px, 6vw, 76px); font-weight: 600; letter-spacing: -.065em; }
.robok-site .price-card ul { margin: 28px 0; padding: 0; list-style: none; }
.robok-site .price-card li { position: relative; padding: 10px 0 10px 30px; border-bottom: 1px solid #dfe2e8; }
.robok-site .price-card.primary li { border-color: #ffffff17; }
.robok-site .price-card li:before { position: absolute; left: 0; color: #686cf4; content: "✓"; font-weight: 900; }

.robok-site .refund-flow { max-width: 1400px; }
.robok-site .refund-flow > div { padding: 44px; background: #fff; color: var(--robok-ink); }
.robok-site .refund-flow h2 { color: var(--robok-ink); }
.robok-site .refund-flow .pill { border-color: #696df044; background: #f0efff; color: #5057d7; }
.robok-site .refund-flow ol { counter-reset: refund-step; }
.robok-site .refund-flow li { position: relative; padding: 25px 25px 25px 72px; border: 1px solid #e1e3eb; border-radius: 9px; background: #f3f4f8; color: var(--robok-ink); }
.robok-site .refund-flow li b { color: var(--robok-ink); }
.robok-site .refund-flow li span,
.robok-site .refund-note { color: var(--robok-copy); }
.robok-site .refund-flow li:before { position: absolute; left: 22px; top: 24px; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: #111729; color: #fff; content: counter(list-item); font-size: 12px; }

.robok-site .panel,
.robok-site .legal,
.robok-site .help-article,
.robok-site .wiki-article {
  margin-top: 70px;
  margin-bottom: 90px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 24px 75px #151b3515;
}
.robok-site .panel { max-width: 900px; padding: 48px; }
.robok-site .panel h1,
.robok-site .legal h1,
.robok-site .help-article h1,
.robok-site .wiki-article > header h1 { font-size: clamp(38px, 5vw, 62px); font-weight: 540; line-height: 1.05; letter-spacing: -.055em; }
.robok-site .panel h2,
.robok-site .legal h2,
.robok-site .help-article h2,
.robok-site .wiki-article h2 { margin-top: 42px; font-size: 27px; letter-spacing: -.035em; }

.robok-site input:not([type="checkbox"]):not([type="radio"]),
.robok-site textarea,
.robok-site select {
  width: 100%;
  min-height: 54px;
  padding: 14px 16px;
  border: 1px solid #d9dce5;
  border-radius: 7px;
  outline: none;
  background: #f8f8fb;
  color: #111729;
  font-size: 14px;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.robok-site textarea { min-height: 150px; resize: vertical; }
.robok-site input:focus,
.robok-site textarea:focus,
.robok-site select:focus { border-color: #686cf4; background: #fff; box-shadow: 0 0 0 4px #686cf417; }
.robok-site label { color: #252b3c; font-size: 13px; font-weight: 650; }

.robok-site .consent-group { gap: 12px; }
.robok-site .consent-row {
  padding: 16px;
  border: 1px solid #e0e2e9;
  border-radius: 8px;
  background: #f8f8fb;
}
.robok-site .consent-row input { accent-color: #6267f2; }

.robok-site .contact-grid { max-width: 1400px; gap: 24px; padding-top: 90px; padding-bottom: 100px; }
.robok-site .contact-card,
.robok-site .contact-form { padding: 42px; }
.robok-site .contact-card { position: relative; overflow: hidden; isolation: isolate; background: var(--robok-surface) url('/static/robok-dots.jpg') center / cover; color: #fff; }
.robok-site .contact-card:before { position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: #080d19d9; content: ""; }
.robok-site .contact-card > * { position: relative; z-index: 1; }
.robok-site .contact-card h2 a { color: #8fa0ff; }
.robok-site .contact-card p { color: #b9c0d1; }
.robok-site .seller-details { padding: 22px; border: 1px solid #ffffff18; border-radius: 8px; background: #ffffff0a; }

.robok-site .faq-list { max-width: 1040px; gap: 12px; padding-top: 75px; padding-bottom: 100px; }
.robok-site .faq-list details { overflow: hidden; border: 1px solid #dde0e8; border-radius: 9px; background: #fff; box-shadow: 0 12px 35px #151b350c; }
.robok-site .faq-list summary { position: relative; padding: 23px 64px 23px 25px; font-size: 17px; font-weight: 650; cursor: pointer; list-style: none; }
.robok-site .faq-list summary:after { position: absolute; right: 22px; top: 20px; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: #111729; color: #fff; content: "+"; }
.robok-site .faq-list details[open] summary:after { background: #656af4; content: "−"; }
.robok-site .faq-list details > div,
.robok-site .faq-list details > p { padding: 0 25px 24px; color: var(--robok-copy); }

.robok-site .wiki-section { padding-top: 90px; padding-bottom: 110px; }
.robok-site .wiki-intro { margin-bottom: 45px; }
.robok-site .wiki-intro h2 { font-size: clamp(36px, 4.5vw, 60px); letter-spacing: -.055em; }
.robok-site .wiki-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 24px; }
.robok-site .wiki-card { display: flex; min-height: 470px; flex-direction: column; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.robok-site .wiki-card:after { display: none; }
.robok-site .wiki-card-image { display: block; overflow: hidden; height: 250px; margin-bottom: 22px; border-radius: 10px; }
.robok-site .wiki-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.robok-site .wiki-card:hover .wiki-card-image img { transform: scale(1.035); }
.robok-site .wiki-card > div { position: relative; flex: 1; }
.robok-site .wiki-card-number { float: right; color: #8a91a2; font-size: 12px; font-weight: 700; }
.robok-site .wiki-card-link { position: relative; z-index: 1; grid-column: auto; justify-content: flex-start; gap: 7px; border: 0; }
.robok-site .wiki-card h2 { margin-top: 14px; font-size: 24px; letter-spacing: -.035em; }
.robok-site .wiki-card p { color: var(--robok-copy); }
.robok-site .wiki-detail-hero { min-height: 500px; }
.robok-site .wiki-detail-hero .wiki-breadcrumbs { position: relative; z-index: 1; max-width: 900px; margin: 18px auto 0; padding: 0; color: #c4cada; }
.robok-site .wiki-detail-hero .wiki-breadcrumbs a { color: #fff; }
.robok-site .wiki-article > header { padding-bottom: 28px; }
.robok-site .wiki-article > header p { max-width: 760px; color: var(--robok-copy); font-size: 20px; }
.robok-site .wiki-answer { padding: 30px; border-left: 4px solid #666af4; }
.robok-site .wiki-related-panel { padding: 34px; }
.robok-site .wiki-related a { border-radius: 8px; background: #f1f2f7; }

.robok-site .legal,
.robok-site .help-article { border: 1px solid #dfe2e9; }
.robok-site .legal-meta { padding: 16px 18px; border-radius: 7px; background: #f0f1f6; }
.robok-site .help-warning { border-left: 4px solid #f0a24b; background: #fffaf2; }
.robok-site .help-callout { border-left: 4px solid #676bf4; background: #f6f6ff; }
.robok-site .safe-steps { counter-reset: safe-step; }
.robok-site .safe-steps li { border: 1px solid #dfe2e9; border-radius: 9px; background: #fff; }
.robok-site .safe-steps li:before { background: #111729; }

.robok-site .recommendations-hero {
  max-width: none;
  min-height: 500px;
  padding: 90px max(24px, calc((100vw - 1400px) / 2));
  background: var(--robok-dark) url('/static/robok-wave.jpg') center / cover no-repeat;
  color: #fff;
}
.robok-site .recommendations-hero:before { position: absolute; inset: 0; background: linear-gradient(90deg, #070b16ed, #070b16a8); content: ""; }
.robok-site .recommendations-hero > * { position: relative; }
.robok-site .recommendations-hero h1 { max-width: 900px; color: #fff; font-size: clamp(48px, 6vw, 80px); font-weight: 520; letter-spacing: -.06em; }
.robok-site .recommendations-hero p { color: #bec5d5; }
.robok-site .recommendations-section { padding-top: 95px; padding-bottom: 105px; }
.robok-site .recommendations-heading h2 { font-size: clamp(36px, 4vw, 58px); letter-spacing: -.05em; }
.robok-site .recommendation-grid { gap: 22px; }
.robok-site .recommendation-card {
  overflow: hidden;
  border: 1px solid #dde0e8;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 55px #151b3510;
}
.robok-site .recommendation-featured { min-height: 610px; border-color: #ffffff1a; background-color: #0b1020; }
.robok-site .recommendation-card:not(.recommendation-featured) { min-height: 550px; }
.robok-site .recommendation-art { border-radius: 9px; }
.robok-site .recommendation-link { border-radius: 7px; background: #111729; color: #fff; }
.robok-site .recommendation-principles { gap: 18px; padding-bottom: 105px; }
.robok-site .recommendation-principles > div { padding: 30px; }

.robok-site .comparison-section { padding-top: 90px; }
.robok-site .comparison-wrap { border-radius: 10px; }
.robok-site .comparison-table th,
.robok-site .comparison-table td { padding: 22px 24px; }
.robok-site .comparison-table thead th { background: #0c1121; }
.robok-site .comparison-table tbody tr:hover td,
.robok-site .comparison-table tbody tr:hover th { background: #f1f2f7; }
.robok-site .comparison-table tbody tr:hover .is-product { background: #e8e9ff; }

.robok-site .robok-demo-section { background-image: url('/static/robok-wave.jpg'); }
.robok-site .demo-grid { min-height: 650px; }
.robok-site .demo-grid h2 { font-size: clamp(40px, 5vw, 68px); font-weight: 520; line-height: 1.05; letter-spacing: -.055em; }
.robok-site .demo-visual { overflow: hidden; padding: 12px; }
.robok-site .demo-visual img { border-radius: 9px; }

.robok-site .final-cta { padding: 78px 55px; background-image: url('/static/robok-grid-wave.jpg'); }

.robok-site .purchase-info { padding: 30px; }
.robok-site .purchase-info-grid { gap: 18px; }
.robok-site .purchase-info-grid > div { padding: 22px; border-radius: 8px; background: #f2f3f7; }
.robok-site .key-copy { border: 1px solid #dfe2e9; border-radius: 8px; background: #f5f6f9; }
.robok-site .key { font-family: ui-monospace, Consolas, monospace; }

.robok-site .notice,
.robok-site .form-error { border-radius: 8px; }
.robok-site .notice { border: 1px solid #a8e4c8; background: #effbf5; color: #126443; }
.robok-site .form-error { border: 1px solid #f0b1ba; background: #fff3f4; color: #a0273a; }

.robok-site .support-chat-launcher {
  border: 2px solid #fff4b8;
  background: linear-gradient(135deg, #ffd84d, #ffb800);
  color: #10224f;
  box-shadow: 0 12px 35px #8c650066;
}
.robok-site .support-chat-panel { overflow: hidden; border: 1px solid #2a324b; border-radius: 12px; background: #f7f7fa; box-shadow: 0 28px 80px #04071180; }
.robok-site .support-chat-header { background: #0d1325; }
.robok-site .support-chat-compose { background: #fff; }
.robok-site .support-chat-compose textarea { height: 54px; min-height: 54px; max-height: 96px; padding: 10px 12px; resize: none; }
.robok-site .support-chat-compose .support-chat-send { border-radius: 7px; background: #6268ef; color: #fff; }
.robok-site .support-chat-compose [data-chat-human] { padding: 0; background: transparent !important; color: #5366d9 !important; box-shadow: none !important; }

.robok-site .recommendations-teaser-mark { border-radius: 6px; background: #6c70f4; }
.robok-site .site-footer { padding-top: 95px; }
.robok-site .footer-grid { gap: 60px; }
.robok-site .footer-grid b { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.robok-site .footer-grid a { color: #aeb5c5; font-size: 14px; }
.robok-site .footer-grid p { color: #8f98ab; }

@media (max-width: 900px) {
  .robok-site .header-inner { height: 82px; }
  .robok-site .page-hero { min-height: 390px; }
  .robok-site .page-hero:after { width: 150px; height: 150px; right: -30px; }
  .robok-site .content-grid article { min-height: 240px; }
  .robok-site .recommendations-hero { min-height: 430px; }
  .robok-site .wiki-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .robok-site .header-inner { height: 72px; }
  .robok-site .robok-hero,
  .robok-site .hero-grid { min-height: auto; }
  .robok-site .page-hero { min-height: 350px; padding: 55px 18px; text-align: left; align-items: flex-start; }
  .robok-site .page-hero h1 { margin-left: 0; font-size: 42px; }
  .robok-site .page-hero p { text-align: left; }
  .robok-site .page-hero:after { opacity: .45; }
  .robok-site .section,
  .robok-site .comparison-section,
  .robok-site .pricing-section,
  .robok-site .contact-grid,
  .robok-site .recommendations-section,
  .robok-site .wiki-section { padding-top: 68px; padding-bottom: 72px; }
  .robok-site .content-grid article,
  .robok-site .role-card,
  .robok-site .role-pages article,
  .robok-site .split-panel > div,
  .robok-site .price-card,
  .robok-site .contact-card,
  .robok-site .contact-form { padding: 27px; }
  .robok-site .panel,
  .robok-site .legal,
  .robok-site .help-article,
  .robok-site .wiki-article { margin-top: 28px; margin-bottom: 55px; border-radius: 9px; }
  .robok-site .wiki-grid { grid-template-columns: 1fr; }
  .robok-site .wiki-card { min-height: 0; }
  .robok-site .wiki-card-image { height: 220px; }
  .robok-site .panel { padding: 28px 22px; }
  .robok-site .inline-cta { margin-bottom: 65px; padding: 34px 25px; }
  .robok-site .inline-cta h2 { font-size: 29px; }
  .robok-site .final-cta { padding: 48px 24px; }
  .robok-site .demo-grid { min-height: 0; }
  .robok-site .faq-list summary { padding-left: 20px; font-size: 15px; }
  .robok-site .recommendations-hero { min-height: 400px; padding: 65px 18px; }
  .robok-site .recommendations-hero h1 { font-size: 44px; }
  .robok-site .footer-grid { gap: 32px; }
}

/* Keep audited replacements authoritative after every compatibility rule above. */
.robok-site .role-pages article { min-height: 330px; display: flex; flex-direction: column; justify-content: flex-end; padding: 34px; border: 0; background-position: center; background-size: cover; color: #fff; }
.robok-site .role-pages article:nth-child(1) { background-image: linear-gradient(180deg, #080d1b24, #080d1bf5 77%), url('/static/audience-psychologists.png'); }
.robok-site .role-pages article:nth-child(2) { background-image: linear-gradient(180deg, #080d1b24, #080d1bf5 77%), url('/static/audience-lawyers.png'); }
.robok-site .role-pages article:nth-child(3) { background-image: linear-gradient(180deg, #080d1b24, #080d1bf5 77%), url('/static/audience-doctors.png'); }
.robok-site .role-pages article:nth-child(4) { background-image: linear-gradient(180deg, #080d1b24, #080d1bf5 77%), url('/static/audience-authors.png'); }
.robok-site .role-pages article:before { display: none; }
.robok-site .role-pages article > span { align-self: flex-start; background: #0c1227cc; color: #cfd3ff; }
.robok-site .role-pages h2 { margin: 16px 0 10px; }
.robok-site .role-pages h2 a,
.robok-site .role-pages h2 a:hover { color: #fff; text-decoration: none; }
.robok-site .role-pages p { margin: 0; color: #b9c0d1; }

.robok-site .flow-node { min-height: 250px; padding: 110px 30px 30px; border-color: #262e48; background: #0c1222; color: #fff; }
.robok-site .flow-node b { color: #fff; }
.robok-site .flow-node span { color: #aeb6c9; }

.robok-site .purchase-info-grid article { min-height: 300px; padding: 32px; border-radius: 10px; background: #0d1325; color: #fff; }
.robok-site .purchase-info-grid h3 { color: #fff; }
.robok-site .purchase-info-grid p { color: #b3bbcc; }

.robok-site .recommendations-hero aside { border: 1px solid #7077ff55; background: #0b1123e8; color: #fff; }
.robok-site .recommendations-hero aside b { color: #fff; }
.robok-site .recommendations-hero aside p { color: #b9c0d2; }
.robok-site .recommendation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 22px; }
.robok-site .recommendations-section { display: block; }
.robok-site .recommendations-heading { display: grid; grid-template-columns: minmax(300px,1fr) minmax(280px,.8fr); align-items: end; }
.robok-site .recommendation-card,
.robok-site .recommendation-card.recommendation-featured { grid-column: auto; min-width: 0; min-height: 520px; padding: 30px; border: 1px solid #252d47; border-radius: 10px; background: #0c1222; color: #fff; box-shadow: 0 22px 55px #11182f22; }

/* High-contrast public labels: dark ink on light surfaces, light ink on dark surfaces. */
.robok-site .eyebrow,
.robok-site .pill,
.robok-site .plan-label,
.robok-site .content-grid article > span {
  border-color: #777ee6;
  background: #e5e7ff;
  color: #3037a8;
}

.robok-site .hero-copy .eyebrow,
.robok-site .page-hero .eyebrow,
.robok-site .robok-demo-section .eyebrow,
.robok-site .final-cta .eyebrow,
.robok-site .recommendations-hero .eyebrow,
.robok-site .contact-card .eyebrow,
.robok-site .split-panel > div:first-child .eyebrow,
.robok-site .role-pages article > span {
  border-color: #7f87e8;
  background: #171d3c;
  color: #f0f2ff;
}

.robok-site .recommendations-heading .eyebrow {
  border-color: #777ee6;
  background: #e5e7ff;
  color: #3037a8;
}
.robok-site .recommendation-card h2,
.robok-site .recommendation-card strong { color: #fff; }
.robok-site .recommendation-card p,
.robok-site .recommendation-card li { color: #adb6c8; }
.robok-site .recommendation-logo { border: 1px solid #ffffff25; background: #fff; color: #e52d2d; }
.robok-site .recommendation-category { border-color: #7f87e8; background: #171d3c; color: #f0f2ff; }
.robok-site .recommendation-art { border: 1px solid #ffffff14; background: linear-gradient(135deg, #6b70f423, #2788ef12); }
.robok-site .recommendation-link { color: #9ba6ff; }
.robok-site .ad-disclosure { color: #bac2d3 !important; }
.robok-site .recommendations-teaser-mark { background: #fff; color: #e42b2b; }
.robok-site .recommendation-featured h2,
.robok-site .recommendation-featured > p,
.robok-site .recommendation-featured ul { max-width: none; }
.robok-site .recommendation-featured:before { display: none; }

@media (max-width: 900px) { .robok-site .recommendation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) {
  .robok-site .role-pages,
  .robok-site .recommendation-grid { grid-template-columns: 1fr; }
  .robok-site .recommendations-heading { grid-template-columns: 1fr; }
  .robok-site .role-pages article { min-height: 300px; }
  .robok-site .purchase-info-grid article { min-height: 0; padding: 26px; }
}