/* ================================
EMERGENCY RESET – FIX VERTICAL TEXT
(Home page layout protection)
================================ */

.rhtx-section,
.rhtx-container,
.rhtx-2col,
.rhtx-2col__left,
.rhtx-2col__right,
.rhtx-compare,
.rhtx-compare__col,
.rhtx-compare__box,
.rhtx-compare__box * {
  column-count: unset !important;
  column-width: unset !important;
  writing-mode: horizontal-tb !important;
}

/* =========================================================
RealHumanTxt — Unified Design System (FINAL)
Marketing (rhtx-*) + Worker Platform (wtd/awd/platform)
Astra-friendly • Fast • No Elementor
========================================================= */

:root{
  --bg:#ffffff;
  --bg-soft:#f6f7fb;
  --bg-dark:#0b1220;

  --text:#0b1220;
  --muted:#52606d;
  --line:#e6eaf0;

  --accent:#2f6bff;
  --accent-2:#22c55e;

  --radius:14px;
  --shadow:0 10px 30px rgba(11,18,32,.08);
  --shadow-sm:0 6px 18px rgba(11,18,32,.06);

  --container:1180px;
}

/* =========================================================
Base resets (scoped where possible)
========================================================= */
html{ scroll-behavior:smooth; }
.rhtx{
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
}
.rhtx a{ color:inherit; text-decoration:none; }
.rhtx a:hover{ text-decoration:none; }
.rhtx img{ max-width:100%; height:auto; }

.rhtx a:focus-visible,
.rhtx button:focus-visible,
.rhtx summary:focus-visible{
  outline:3px solid rgba(47,107,255,.35);
  outline-offset:3px;
  border-radius:12px;
}

/* Accessibility */
.rhtx-skip{
  position:absolute;
  left:-999px;
  top:10px;
  background:#fff;
  border:1px solid var(--line);
  padding:10px 14px;
  border-radius:12px;
  box-shadow:var(--shadow-sm);
  z-index:999;
}
.rhtx-skip:focus{ left:12px; }
.rhtx-sr{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  border:0;
}

/* Container helper */
.rhtx-container{
  max-width:var(--container);
  margin:0 auto;
  padding:0 22px;
}

/* Section spacing */
.rhtx-section{ padding:90px 0; }
.rhtx-section__head{ text-align:center; margin-bottom:44px; }
.rhtx-section__title{
  font-size:clamp(1.6rem, 1.2rem + 1.2vw, 2.4rem);
  line-height:1.2;
  margin:0 0 10px;
  letter-spacing:-.02em;
}
.rhtx-section__subtitle{
  margin:0 auto;
  max-width:760px;
  color:var(--muted);
  font-size:1.05rem;
}

/* =========================================================
Header + Nav
========================================================= */
.rhtx-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.rhtx-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:74px;
  gap:16px;
}
.rhtx-brand__logo{
  font-weight:900;
  letter-spacing:-.02em;
  font-size:1.05rem;
}
.rhtx-nav{
  display:flex;
  align-items:center;
  gap:18px;
}
.rhtx-nav__link{
  color:var(--muted);
  font-weight:700;
  font-size:.95rem;
}
.rhtx-nav__link:hover{ color:var(--text); }

/* Mobile toggle */
.rhtx-navtoggle{
  display:none;
  width:44px;height:44px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.rhtx-navtoggle__bar{
  display:block;
  width:18px;height:2px;
  background:var(--text);
  border-radius:999px;
  margin:3px auto;
}
.rhtx-mobilenav{
  border-top:1px solid var(--line);
  background:#fff;
}
.rhtx-mobilenav__inner{
  padding:14px 22px 18px;
  display:grid;
  gap:10px;
}
.rhtx-mobilenav__inner a{
  color:var(--muted);
  font-weight:800;
}

/* Buttons */
.rhtx-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 18px;
  border-radius:12px;
  font-weight:800;
  font-size:.95rem;
  border:1px solid transparent;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
  white-space:nowrap;
}
.rhtx-btn--primary{
  background:var(--accent);
  color:#fff;
  box-shadow:var(--shadow-sm);
}
.rhtx-btn--primary:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow);
}
.rhtx-btn--ghost{
  background:#fff;
  border-color:var(--line);
  color:var(--text);
}
.rhtx-btn--ghost:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-sm);
}
.rhtx-btn--lg{ padding:16px 22px; font-size:1rem; border-radius:14px; }
.rhtx-btn--block{ width:100%; }

/* =========================================================
Hero
========================================================= */
.rhtx-hero{
  padding:100px 0 55px;
  background:
    radial-gradient(900px 450px at 20% 10%, rgba(47,107,255,.10), transparent 60%),
    radial-gradient(700px 350px at 80% 0%, rgba(34,197,94,.08), transparent 60%),
    linear-gradient(180deg, var(--bg-soft), #fff 65%);
}
.rhtx-hero__inner{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:52px;
  align-items:center;
}
.rhtx-hero__title{
  margin:0;
  font-size:clamp(2.1rem, 1.7rem + 1.8vw, 3.2rem);
  line-height:1.1;
  letter-spacing:-.03em;
}
.rhtx-hero__subtext{
  margin:18px 0 26px;
  color:var(--muted);
  font-size:1.08rem;
  max-width:640px;
}
.rhtx-hero__cta{ display:flex; gap:12px; flex-wrap:wrap; }
.rhtx-hero__note{ margin:14px 0 0; color:var(--muted); font-size:.92rem; }

/* Hero stats */
.rhtx-hero__proof{
  margin-top:18px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.rhtx-stat{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 12px;
  min-width:140px;
}
.rhtx-stat__num{ font-weight:950; letter-spacing:-.02em; }
.rhtx-stat__label{ color:var(--muted); font-weight:800; font-size:.9rem; }

/* =========================================================
Mock UI card (Premium)
========================================================= */

.rhtx-mock{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  box-shadow:var(--shadow);
  overflow:hidden;
}

/* soft glow */
.rhtx-mock:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(600px 260px at 10% 0%, rgba(47,107,255,.16), transparent 55%),
    radial-gradient(520px 240px at 90% 0%, rgba(34,197,94,.12), transparent 55%);
  pointer-events:none;
}
.rhtx-mock > *{ position:relative; }

/* NEW head panel */
.rhtx-mock__head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:12px;
}
.rhtx-mock__kicker{
  font-size:12px;
  font-weight:900;
  color:var(--muted);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.rhtx-mock__title{
  font-size:16px;
  font-weight:950;
  letter-spacing:-.02em;
  margin-top:2px;
}

/* Pills */
.rhtx-mock__headR{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.rhtx-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  font-weight:950;
  font-size:12px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.75);
  backdrop-filter: blur(8px);
}
.rhtx-pill--assigned{
  background:rgba(47,107,255,.10);
  border-color:rgba(47,107,255,.22);
  color:#1e40af;
}
.rhtx-pill--time{
  background:rgba(34,197,94,.12);
  border-color:rgba(34,197,94,.22);
  color:#117a3b;
}

/* =========================================
Mock UI - contained boxes (no overflow) + better spacing
========================================= */

/* Keep both columns aligned and equal */
.rhtx-mock__cols{
  align-items:stretch;
}

/* Make the boxes real containers */
.rhtx-mock__box--paper{
  height:190px;                 /* consistent height */
  overflow:hidden;              /* prevents spill */
  display:flex;
}

/* Inner text area scrolls if content is long */
.rhtx-mock__paper{
  padding:14px;
  width:100%;
  height:100%;
  overflow:auto;                /* scroll inside, not outside */
  font-size:13.5px;
  line-height:1.55;
  color:rgba(11,18,32,.82);
  word-break:break-word;
}

/* Better paragraph spacing */
.rhtx-mock__paper p{
  margin:0 0 10px;
}
.rhtx-mock__paper p:last-child{
  margin-bottom:0;
}

/* Typing area should also respect spacing */
.rhtx-type{
  font-weight:750;
}

/* Make typing text wrap nicely */
.rhtx-type__text{
  white-space:normal;
}

/* caret blink */
.rhtx-type__caret{
  display:inline-block;
  width:10px;
  margin-left:2px;
  border-left:2px solid rgba(11,18,32,.55);
  height:1.05em;
  vertical-align:-2px;
  animation:rhtxCaret 0.9s step-end infinite;
}
@keyframes rhtxCaret{
  50%{ opacity:0; }
}

/* Optional: nicer scrollbars (WebKit) */
.rhtx-mock__paper::-webkit-scrollbar{ width:10px; }
.rhtx-mock__paper::-webkit-scrollbar-thumb{
  background:rgba(11,18,32,.12);
  border-radius:999px;
}
.rhtx-mock__paper::-webkit-scrollbar-track{
  background:transparent;
}

/* Meta row */
.rhtx-mock__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:8px 0 10px;
}
.rhtx-meta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(15,23,42,.02);
  font-size:12.5px;
  font-weight:850;
  color:var(--text);
}
.rhtx-meta strong{
  opacity:.65;
  font-weight:950;
}

/* Steps */
.rhtx-mock__steps{
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 0 14px;
  color:var(--muted);
  font-weight:900;
  font-size:12px;
}
.rhtx-stepdot{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  opacity:.65;
}
.rhtx-stepdot.is-done{
  opacity:1;
  border-color:rgba(34,197,94,.25);
  background:rgba(34,197,94,.10);
  color:#166534;
}
.rhtx-stepdot.is-active{
  opacity:1;
  border-color:rgba(47,107,255,.25);
  background:rgba(47,107,255,.10);
  color:#1e40af;
}
.rhtx-stepsep{ opacity:.5; }

/* Existing columns + boxes (keep same look) */
.rhtx-mock__cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.rhtx-mock__label{
  font-size:.85rem;
  font-weight:900;
  margin-bottom:8px;
}
.rhtx-mock__box{
  height:170px;
  border-radius:12px;
  background:linear-gradient(180deg, #f3f6fb, #eef2f8);
  border:1px solid #e9eef6;
}

/* Actions */
.rhtx-mock__actions{
  display:flex;
  gap:10px;
  margin-top:14px;
  justify-content:flex-end;
}
.rhtx-mock__btn{
  padding:10px 12px;
  border-radius:12px;
  background:#fff;
  border:1px solid var(--line);
  font-weight:900;
  font-size:.9rem;
}
.rhtx-mock__btn--primary{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}

/* Fake text lines */
.rhtx-faketext{ padding:14px; }
.rhtx-faketext span{
  display:block;
  height:10px;
  border-radius:999px;
  background:#dfe7f3;
  margin:10px 0;
}
.rhtx-faketext span:nth-child(2){ width:92%; }
.rhtx-faketext span:nth-child(3){ width:76%; }
.rhtx-faketext span:nth-child(4){ width:88%; }
.rhtx-faketext span:nth-child(5){ width:62%; }


/* =========================================================
Trust strip (icons)
========================================================= */
.rhtx-trust{
  padding:18px 0;
  background:#fff;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.rhtx-trust__inner{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  justify-content:center;
  color:var(--muted);
  font-weight:800;
  font-size:.95rem;
}
.rhtx-trust__item{
  display:flex;
  align-items:center;
  gap:10px;
}
.rhtx-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:rgba(47,107,255,.12);
  color:var(--accent);
  font-weight:900;
  line-height:1;
}

/* =========================================================
Cards / Steps / Grid
========================================================= */
.rhtx-steps,
.rhtx-cards{ display:grid; gap:18px; }
.rhtx-steps{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
.rhtx-cards{ grid-template-columns:repeat(4, minmax(0, 1fr)); }

.rhtx-step,
.rhtx-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:22px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.rhtx-step:hover,
.rhtx-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-sm);
}
.rhtx-step__num{
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;
  background:rgba(47,107,255,.10);
  color:var(--accent);
  font-weight:950;
  margin-bottom:12px;
}
.rhtx-step__title,
.rhtx-card__title{ margin:0 0 8px; font-size:1.05rem; letter-spacing:-.01em; font-weight:900; }
.rhtx-step__text,
.rhtx-card__text{ margin:0; color:var(--muted); font-weight:600; }

/* =========================================================
Two-column section
========================================================= */
.rhtx-2col{ display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:start; }
.rhtx-list{ margin:14px 0 0; padding-left:18px; color:var(--muted); font-weight:600; }
.rhtx-why__line{ margin:14px 0 0; }

/* Compare boxes */
.rhtx-compare{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.rhtx-compare__tag{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-weight:950;
  font-size:.85rem;
  margin-bottom:10px;
}
.rhtx-compare__tag--bad{ background:rgba(239,68,68,.10); color:#b91c1c; }
.rhtx-compare__tag--good{ background:rgba(34,197,94,.12); color:#117a3b; }
.rhtx-compare__box{
  height:210px;
  border-radius:14px;
  background:linear-gradient(180deg, #f3f6fb, #eef2f8);
  border:1px solid #e9eef6;
}

/* =========================================================
Pricing
========================================================= */
.rhtx-pricing{ background:#fff; }
.rhtx-pricegrid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.rhtx-price{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.rhtx-price:hover{ transform:translateY(-2px); box-shadow:var(--shadow-sm); }
.rhtx-price__title{ margin:0; font-size:1.15rem; letter-spacing:-.02em; font-weight:950; }
.rhtx-price__meta{ margin:6px 0 0; color:var(--muted); font-weight:800; }
.rhtx-price__list{ margin:16px 0 0; padding-left:18px; color:var(--muted); font-weight:600; }
.rhtx-price--featured{ border-color:rgba(47,107,255,.35); box-shadow:var(--shadow-sm); }
.rhtx-price__badge{
  position:absolute;
  top:14px; right:14px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(47,107,255,.10);
  color:var(--accent);
  font-weight:950;
  font-size:.85rem;
}

/* =========================================================
Testimonials
========================================================= */
.rhtx-testimonials{ background:var(--bg-soft); }
.rhtx-quotes{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.rhtx-quote{
  margin:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
}
.rhtx-quote blockquote{ margin:0; color:var(--text); font-weight:750; letter-spacing:-.01em; }
.rhtx-quote figcaption{ margin-top:12px; color:var(--muted); font-weight:950; font-size:.92rem; }

/* =========================================================
FAQ
========================================================= */
.rhtx-faq__list{
  max-width:860px;
  margin:0 auto;
  display:grid;
  gap:12px;
}
.rhtx-faq__item{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px 16px;
}
.rhtx-faq__item summary{
  cursor:pointer;
  font-weight:950;
  list-style:none;
}
.rhtx-faq__item summary::-webkit-details-marker{ display:none; }
.rhtx-faq__item summary:after{
  content:"+";
  float:right;
  font-weight:950;
  color:var(--muted);
}
.rhtx-faq__item[open] summary:after{ content:"–"; }
.rhtx-faq__content{ margin-top:10px; color:var(--muted); font-weight:600; }

/* =========================================================
Homepage media / screenshots
========================================================= */
.rhtx-media{
  background:linear-gradient(180deg, #fff, var(--bg-soft));
  border-top:1px solid var(--line);
}
.rhtx-media__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}
.rhtx-shot{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px;
  box-shadow:var(--shadow-sm);
}
.rhtx-shot__cap{
  margin:10px 2px 0;
  color:var(--muted);
  font-weight:800;
  font-size:.92rem;
}
.rhtx-shot__img{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.06);
  display:block;
}

/* =========================================================
Final CTA
========================================================= */
.rhtx-finalcta{
  padding:70px 0;
  background:
    radial-gradient(900px 450px at 50% 0%, rgba(47,107,255,.12), transparent 60%),
    linear-gradient(180deg, var(--bg-soft), #fff);
  border-top:1px solid var(--line);
}
.rhtx-finalcta__inner{
  text-align:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:40px 22px;
  box-shadow:var(--shadow-sm);
}
.rhtx-finalcta__title{
  margin:0 0 18px;
  font-size:clamp(1.5rem, 1.1rem + 1vw, 2rem);
  letter-spacing:-.02em;
  font-weight:950;
}
.rhtx-finalcta__buttons{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

/* Footer */
.rhtx-footer{
  padding:46px 0 0;
  border-top:1px solid var(--line);
  background:#fff;
}
.rhtx-footer__inner{
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  padding-bottom:26px;
}
.rhtx-footer__tagline{ margin:8px 0 0; color:var(--muted); }
.rhtx-footer__mini{ margin:10px 0 0; color:var(--muted); font-weight:800; }
.rhtx-footer__nav{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  color:var(--muted);
  font-weight:700;
}
.rhtx-footer__nav a:hover{ color:var(--text); }
.rhtx-footer__bottom{
  border-top:1px solid var(--line);
  padding:16px 0;
  color:var(--muted);
}

/* =========================================================
Worker Platform — unify look (wtd / awd / platform)
========================================================= */

/* Shared container */
.platform-wrap,
.wtd-wrap{
  max-width:1100px;
  margin:40px auto;
  padding:0 18px;
}

/* Platform hero */
.platform-hero{
  background:var(--bg-dark);
  color:#fff;
  border-radius:18px;
  padding:26px;
  margin-bottom:18px;
}
.platform-hero h1{ margin:0 0 8px; font-size:34px; letter-spacing:-.02em; }
.platform-hero p{ margin:0; opacity:.85; font-size:16px; }

/* Platform grid/cards */
.platform-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:14px;
  margin-top:14px;
}
.platform-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:18px;
  padding:16px;
  box-shadow:var(--shadow-sm);
}
.platform-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  background:var(--accent);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900;
  transition:transform .15s ease, box-shadow .15s ease;
}
.platform-btn:hover{ transform:translateY(-1px); box-shadow:var(--shadow-sm); }
.platform-muted{ color:#64748b; font-weight:700; }

/* Worker dashboard (wtd) */
.wtd-header{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }
.wtd-title{ margin:0; font-size:34px; line-height:1.1; letter-spacing:-.02em; font-weight:950; }
.wtd-sub{ margin:8px 0 0; opacity:.75; }
.wtd-btn{ display:inline-flex; gap:10px; align-items:center; padding:10px 14px; border-radius:12px; text-decoration:none; font-weight:900; border:1px solid rgba(0,0,0,.12); }
.wtd-btn-ghost{ background:#fff; }
.wtd-btn .dashicons{ font-size:18px; width:18px; height:18px; }

.wtd-topbar{ display:flex; justify-content:space-between; gap:16px; margin:18px 0 22px; flex-wrap:wrap; }
.wtd-welcome{ display:flex; gap:12px; align-items:center; padding:14px 16px; border-radius:18px; border:1px solid rgba(0,0,0,.08); background:#fff; min-width:260px; flex:1; box-shadow:var(--shadow-sm); }
.wtd-avatar{ width:42px; height:42px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-weight:950; border:1px solid rgba(0,0,0,.10); background:rgba(47,107,255,.06); }
.wtd-hello{ font-weight:950; }
.wtd-mini{ opacity:.7; font-size:13px; margin-top:2px; }

.wtd-stats{ display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; flex:2; }
.wtd-stat{ background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:18px; padding:12px 14px; min-width:170px; box-shadow:var(--shadow-sm); }
.wtd-stat-label{ font-size:12px; opacity:.7; font-weight:800; }
.wtd-stat-value{ font-size:20px; font-weight:950; margin-top:4px; }

.wtd-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; }
.wtd-card{
  display:flex; align-items:center; gap:12px;
  padding:16px;
  border-radius:20px;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  transition:transform .12s ease, box-shadow .12s ease;
  box-shadow:var(--shadow-sm);
}
.wtd-card:hover{ transform:translateY(-2px); box-shadow:var(--shadow); }
.wtd-card-icon{ width:46px; height:46px; border-radius:16px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(0,0,0,.10); background:rgba(47,107,255,.06); }
.wtd-card-icon .dashicons{ font-size:22px; width:22px; height:22px; }
.wtd-card-title{ font-weight:950; margin-bottom:2px; }
.wtd-card-desc{ opacity:.72; font-size:13px; line-height:1.35; font-weight:700; }
.wtd-card-arrow{ margin-left:auto; opacity:.5; }
.wtd-card-admin{ border-style:dashed; }

/* Available Work (awd) */
.awd-wrap{ padding-top:10px; }
.awd-hero{ border-radius:22px; padding:26px; background:var(--bg-dark); margin-bottom:18px; box-shadow:var(--shadow-sm); }
.awd-title{ margin:0; font-size:40px; color:#fff; letter-spacing:-.02em; font-weight:950; }
.awd-sub{ margin:10px 0 0; color:rgba(255,255,255,.75); font-size:15px; }

.awd-bar{
  display:flex; gap:10px; align-items:center; justify-content:space-between; flex-wrap:wrap;
  background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:18px; padding:12px; margin-bottom:16px;
  box-shadow:var(--shadow-sm);
}
.awd-search{
  display:flex; gap:10px; align-items:center; flex:1; min-width:240px;
  border:1px solid rgba(0,0,0,.10); border-radius:14px; padding:10px 12px;
}
.awd-search input{ width:100%; border:none; outline:none; background:transparent; }
.awd-sort{ display:flex; gap:8px; align-items:center; }
.awd-label{ opacity:.7; font-size:13px; font-weight:800; }
.awd-sort select{ border:1px solid rgba(0,0,0,.10); border-radius:14px; padding:10px 12px; background:#fff; }
.awd-btn{ border:1px solid rgba(0,0,0,.12); border-radius:14px; padding:10px 14px; background:#fff; font-weight:950; cursor:pointer; }

.awd-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
.awd-card{
  background:#fff; border:1px solid rgba(0,0,0,.10); border-radius:20px; padding:16px;
  display:flex; flex-direction:column; gap:12px;
  transition:transform .12s ease, box-shadow .12s ease;
  box-shadow:var(--shadow-sm);
}
.awd-card:hover{ transform:translateY(-2px); box-shadow:var(--shadow); }
.awd-card-title{ margin:0; font-size:18px; font-weight:950; letter-spacing:-.01em; }
.awd-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.awd-badge{
  display:inline-flex; gap:6px; align-items:center; padding:6px 10px; border-radius:999px;
  font-size:12px; border:1px solid rgba(0,0,0,.10); background:rgba(0,0,0,.02);
  font-weight:850;
}
.awd-badge .dashicons{ font-size:14px; width:14px; height:14px; }
.awd-excerpt{ margin:0; opacity:.75; line-height:1.5; font-size:14px; }
.awd-card-foot{ margin-top:auto; display:flex; gap:10px; flex-wrap:wrap; }
.awd-cta{
  display:inline-flex; gap:10px; align-items:center; justify-content:center;
  text-decoration:none; font-weight:950; padding:12px 14px; border-radius:14px;
  border:1px solid rgba(0,0,0,.12); background:#fff;
  transition:transform .12s ease, box-shadow .12s ease;
}
.awd-cta-solid{ background:var(--accent); border-color:var(--accent); color:#fff; }
.awd-cta:hover{ box-shadow:var(--shadow-sm); transform:translateY(-1px); }

.awd-empty{ background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:20px; padding:18px; box-shadow:var(--shadow-sm); }
.awd-empty-title{ font-weight:950; font-size:16px; }
.awd-empty-sub{ opacity:.7; margin-top:6px; font-weight:700; }

.awd-pagination{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; }
.awd-page{ text-decoration:none; font-weight:950; border:1px solid rgba(0,0,0,.12); border-radius:14px; padding:10px 12px; background:#fff; }
.awd-page-info{ opacity:.7; font-size:13px; font-weight:800; }

/* =========================================================
Responsive
========================================================= */
@media (max-width: 980px){
  .rhtx-hero__inner{ grid-template-columns:1fr; }
  .rhtx-mock__box{ height:150px; }
  .rhtx-2col{ grid-template-columns:1fr; }
  .rhtx-cards{ grid-template-columns:1fr 1fr; }
  .rhtx-steps{ grid-template-columns:1fr; }
  .rhtx-pricegrid{ grid-template-columns:1fr; }
  .rhtx-quotes{ grid-template-columns:1fr; }
  .rhtx-media__grid{ grid-template-columns:1fr; }
}
@media (max-width: 1024px){
  .wtd-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .awd-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px){
  .rhtx-nav{ display:none; }
  .rhtx-navtoggle{ display:flex; }
}
@media (max-width: 560px){
  .rhtx-cards{ grid-template-columns:1fr; }
  .wtd-grid{ grid-template-columns:1fr; }
  .awd-grid{ grid-template-columns:1fr; }
}

/* Astra sometimes adds spacing */
.rhtx{ margin-top:0; }
.rhtx-hero{ margin-top:-10px; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rhtx *{ scroll-behavior:auto!important; transition:none!important; }
}

/* Optional: hide admin links for non-admin users only (recommended) */
body.logged-in:not(.admin-bar) a[href*="withdrawals-admin"],
body.logged-in:not(.admin-bar) a[href*="admin-review"]{
  display:none !important;
}
/* =========================================
Worker Platform UI Add-ons (My Tasks)
Safe: only affects .platform-* and .wtd-*
========================================= */

/* Status badge (used by $badge() in [my_tasks]) */
.platform-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(0,0,0,.03);
  color:#111827;
  line-height:1;
}

.platform-badge.assigned,
.platform-badge.in_progress{
  background:rgba(47,107,255,.10);
  border-color:rgba(47,107,255,.22);
  color:#1e40af;
}

.platform-badge.pending_review{
  background:rgba(245,158,11,.14);
  border-color:rgba(245,158,11,.25);
  color:#92400e;
}

.platform-badge.approved{
  background:rgba(34,197,94,.12);
  border-color:rgba(34,197,94,.25);
  color:#166534;
}

.platform-badge.declined,
.platform-badge.returned{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.22);
  color:#991b1b;
}

/* Meta chips */
.platform-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(15,23,42,.02);
  font-weight:900;
  font-size:13px;
  color:var(--text);
}
.platform-chip strong{ opacity:.65; font-weight:950; }

/* Secondary button */
.platform-btn.secondary{
  background:#fff;
  color:var(--text) !important;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:none;
}
.platform-btn.secondary:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-sm);
}

/* Progress bar polish */
.platform-progress{
  height:10px;
  border-radius:999px;
  background:rgba(15,23,42,.06);
  overflow:hidden;
}
.platform-progress > span{
  display:block;
  height:10px;
  width:0;
  background:var(--bg-dark,#0b1220);
  border-radius:999px;
}
.rht-header-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:12px;
  font-weight:800;
  text-decoration:none;
  border:1px solid #0b1220;
  background:#2f6bff;
  color:#fff;
  cursor:pointer;
}

.rht-menu-wrap{ position:relative; display:inline-block; }

.rht-menu-dropdown{
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  min-width:210px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(0,0,0,.08);
  overflow:hidden;
  z-index:99999;
}

.rht-menu-dropdown a{
  display:block;
  padding:12px 14px;
  text-decoration:none;
  font-weight:700;
  color:#0b1220;
}

.rht-menu-dropdown a:hover{ background:#f5f7ff; }

.rht-menu-wrap:hover .rht-menu-dropdown{ display:block; }
.rhtx-userwrap{position:relative;display:inline-flex;align-items:center}
.rhtx-usermenu{
  position:absolute;right:0;top:calc(100% + 10px);
  background:#fff;border:1px solid #e7e9f2;border-radius:12px;
  min-width:190px;box-shadow:0 14px 30px rgba(11,18,32,.12);
  padding:8px;z-index:9999
}
.rhtx-usermenu a{
  display:block;padding:10px 12px;border-radius:10px;
  text-decoration:none;color:#0b1220;font-weight:700
}
.rhtx-usermenu a:hover{background:#f4f7ff}
.rhtx-usermenu__logout{color:#b00020!important}
/* =========================================
/* FORCE mock text to stay inside the boxes */
.rhtx-mock__cols{ align-items:stretch !important; }

.rhtx-mock__box--paper{
  height:190px !important;
  overflow:hidden !important;
  display:flex !important;
  padding:0 !important;
}

.rhtx-mock__box--paper .rhtx-mock__paper{
  width:100% !important;
  height:100% !important;
  overflow:auto !important;
  padding:14px !important;
  box-sizing:border-box !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
/* =========================================
HERO LAYOUT FIX – force side-by-side layout
========================================= */

.rhtx-hero__inner{
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 48px;
}

/* Make sure visual mock doesn’t shrink weirdly */
.rhtx-hero__visual{
  width: 100%;
}

/* Mobile: stack cleanly */
@media (max-width: 900px){
  .rhtx-hero__inner{
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.rhtx-mock__box--paper .rhtx-mock__paper p{
  margin:0 0 10px !important;
}
.rhtx-mock__box--paper .rhtx-mock__paper p:last-child{
  margin-bottom:0 !important;
}
/* =========================================
Hero spacing cleanup after removing stats
========================================= */

.rhtx-hero__content{
  padding-bottom: 10px;
}

.rhtx-hero__cta{
  margin-bottom: 14px;
}

.rhtx-hero__note{
  margin-top: 6px;
  font-size: 0.9rem;
  opacity: 0.75;
}
.rhtx-hero__inner{
  display:grid !important;
  grid-template-columns:1.1fr .9fr !important;
  gap:48px !important;
  align-items:center !important;
}

@media (max-width: 980px){
  .rhtx-hero__inner{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }
}
/* =========================================
How It Works cards – Hero-style background
========================================= */

.rhtx-step{
  background: linear-gradient(
    135deg,
    rgba(235, 241, 255, 0.9) 0%,
    rgba(235, 255, 248, 0.9) 100%
  );
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03);
}

/* Keep hover subtle and premium */
.rhtx-step:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}
/* FORCE How It Works cards to use hero-style gradient */
.rhtx .rhtx-how .rhtx-steps .rhtx-step{
  background: linear-gradient(135deg, rgba(235,241,255,.95) 0%, rgba(235,255,248,.95) 100%) !important;
  border-color: rgba(47,107,255,.18) !important;
  box-shadow: 0 10px 30px rgba(11,18,32,.05) !important;
}

.rhtx .rhtx-how .rhtx-steps .rhtx-step:hover{
  box-shadow: 0 16px 42px rgba(11,18,32,.08) !important;
}
/* =========================================
Pretty Compare UI (AI vs Humanised)
Fixes overflow by containing content in box
========================================= */

/* IMPORTANT: contain content inside the fixed height box */
.rhtx-compare__box--ui{
  height:210px;                 /* keep your current box size */
  border-radius:14px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;

  overflow:hidden;              /* prevents leaking outside */
  position:relative;
}

/* subtle “hero-like” depth */
.rhtx-compare__box--bad{
  background:
    radial-gradient(420px 260px at 10% 0%, rgba(239,68,68,.10), transparent 60%),
    linear-gradient(180deg, #f6f8fd, #eef3fb);
  border:1px solid rgba(239,68,68,.10);
}
.rhtx-compare__box--good{
  background:
    radial-gradient(420px 260px at 10% 0%, rgba(34,197,94,.10), transparent 60%),
    linear-gradient(180deg, #f6f8fd, #eef3fb);
  border:1px solid rgba(34,197,94,.10);
}

/* top row */
.rhtx-compareui__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.rhtx-compareui__title{
  font-weight:950;
  letter-spacing:-.02em;
  font-size:.98rem;
}

/* chip */
.rhtx-compareui__chip{
  font-size:.78rem;
  font-weight:950;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.7);
}
.rhtx-compareui__chip--bad{ color:#b91c1c; border-color:rgba(239,68,68,.18); }
.rhtx-compareui__chip--good{ color:#117a3b; border-color:rgba(34,197,94,.18); }

/* mini meter */
.rhtx-compareui__meter{
  height:10px;
  border-radius:999px;
  background:rgba(15,23,42,.08);
  overflow:hidden;
}
.rhtx-compareui__meterFill{
  display:block;
  height:10px;
  border-radius:999px;
  background:rgba(239,68,68,.45);
}
.rhtx-compareui__meterFill--good{
  background:rgba(34,197,94,.45);
}

.rhtx-compareui__meta{
  display:flex;
  justify-content:space-between;
  font-size:.82rem;
  font-weight:900;
  color:var(--muted);
}
.rhtx-compareui__metaR{ color:var(--text); opacity:.9; }

/* list area - scroll INSIDE if needed */
.rhtx-compareui__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;

  font-size:.9rem;
  font-weight:750;
  line-height:1.35;

  overflow:auto;                 /* THIS is key */
  padding-right:4px;             /* room for scrollbar */
  min-height:0;                  /* required for flex scroll areas */
}

/* icons */
.rhtx-compareui__ico{
  display:inline-flex;
  width:20px; height:20px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-weight:950;
  margin-right:10px;
  flex:0 0 auto;
}
.rhtx-compareui__ico--bad{
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.22);
  color:#b91c1c;
}
.rhtx-compareui__ico--good{
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.22);
  color:#117a3b;
}

/* bottom example card */
.rhtx-compareui__card{
  margin-top:auto;
  border-radius:12px;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.72);
  box-shadow:0 6px 16px rgba(11,18,32,.06);
}
.rhtx-compareui__cardLabel{
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:6px;
}
.rhtx-compareui__cardText{
  font-size:.9rem;
  font-weight:750;
  color:var(--text);
  opacity:.92;

  /* prevents crazy long text breaking layout */
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.rhtx-compareui__card--bad{ border-color:rgba(239,68,68,.14); }
.rhtx-compareui__card--good{ border-color:rgba(34,197,94,.14); }

/* nice scrollbar (optional) */
.rhtx-compareui__list::-webkit-scrollbar{ width:10px; }
.rhtx-compareui__list::-webkit-scrollbar-thumb{
  background:rgba(11,18,32,.12);
  border-radius:999px;
}
.rhtx-compareui__list::-webkit-scrollbar-track{ background:transparent; }
/* ==========================================
FIX: Vertical/column text in Pricing + Quotes
(Forces normal flow + protects these sections)
========================================== */

/* Kill multi-column layouts (including shorthand) */
.rhtx-pricing,
.rhtx-pricing * ,
.rhtx-testimonials,
.rhtx-testimonials * ,
.rhtx-pricegrid,
.rhtx-quotes {
  columns: auto !important;        /* <-- important shorthand reset */
  column-count: auto !important;
  column-width: auto !important;
  column-gap: normal !important;
  writing-mode: horizontal-tb !important;
}

/* Re-assert the intended grids so they can't collapse */
.rhtx-pricegrid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.rhtx-quotes{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

/* Make sure cards can’t shrink into skinny columns */
.rhtx-price,
.rhtx-quote{
  min-width: 0 !important;
  width: 100% !important;
}

/* =========================================================
HARD RESET: stop vertical letter text + forced columns
Targets WP/Astra content wrappers + our sections
========================================================= */

/* Reset common wrappers that might be forcing columns or vertical writing */
.entry-content,
.entry-content * ,
.ast-container,
.ast-container * ,
.site-content,
.site-content * ,
#content,
#content * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  transform: none !important;
}

/* Kill multi-column behavior everywhere inside our homepage sections */
.rhtx-section,
.rhtx-section * {
  columns: auto !important;
  column-count: auto !important;
  column-width: auto !important;
  column-gap: normal !important;
}

/* Re-assert layouts (pricing + testimonials) */
.rhtx-pricegrid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
}

.rhtx-quotes{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
}

/* Responsive fallback */
@media (max-width: 980px){
  .rhtx-pricegrid,
  .rhtx-quotes{
    grid-template-columns:1fr !important;
  }
}
/* ==========================================
RHTX HARD RESET (fix skinny columns + vertical text)
Paste at VERY BOTTOM of your CSS file
========================================== */
#rhtxMain,
#rhtxMain *{
  columns: auto !important;
  column-count: auto !important;
  column-width: auto !important;
  column-gap: normal !important;

  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;

  /* stops single-letter wrapping */
  word-break: normal !important;
  overflow-wrap: anywhere;
}

/* make sure our container can actually be wide */
#rhtxMain{
  width: 100% !important;
  max-width: none !important;
}

#rhtxMain .rhtx-container{
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
/* ==========================================
WHY IT MATTERS: Hero style section
(Background can be swapped to an image later)
========================================== */
.rhtx-whyhero{
  position: relative;
  padding: 56px 0;
}

.rhtx-whyhero__inner{
  border-radius: 22px;
  padding: 42px 44px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 50px rgba(11,18,32,.08);

  /* Default background (swap later) */
  background:
    radial-gradient(900px 320px at 20% 10%, rgba(47,107,255,.12), transparent 60%),
    radial-gradient(700px 260px at 90% 20%, rgba(34,197,94,.10), transparent 55%),
    linear-gradient(180deg, rgba(245,249,255,.95), rgba(255,255,255,.95));
}

.rhtx-whyhero__lead{
  margin: 10px 0 18px;
  font-size: 1.02rem;
  opacity: .9;
}

.rhtx-whyhero__bullets{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
  max-width: 820px;
}

.rhtx-whyhero__bullets li{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.45;
}

.rhtx-whyhero__tick{
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 900;
  background: rgba(47,107,255,.12);
  border: 1px solid rgba(47,107,255,.18);
  flex: 0 0 auto;
  margin-top: 1px;
}

.rhtx-whyhero__line{
  margin-top: 18px;
}

/* Mobile */
@media (max-width: 720px){
  .rhtx-whyhero__inner{
    padding: 28px 22px;
  }
}
/* ==========================================
   Editors Section – polish upgrade
   ========================================== */

/* Section wrapper (soft hero-like background) */
.rhtx-editors{
  position: relative;
  padding: 64px 0;
  background: radial-gradient(900px 420px at 18% 10%, rgba(47,107,255,.10), transparent 55%),
              radial-gradient(900px 420px at 82% 30%, rgba(34,197,94,.08), transparent 55%),
              linear-gradient(180deg, rgba(11,18,32,.02), rgba(11,18,32,0));
  border-top: 1px solid rgba(11,18,32,.06);
  border-bottom: 1px solid rgba(11,18,32,.06);
}

/* Heading spacing + nicer subtitle width */
.rhtx-editors .rhtx-section__head{
  text-align: center;
  margin-bottom: 28px;
}
.rhtx-editors .rhtx-section__subtitle{
  max-width: 620px;
  margin: 10px auto 0;
}

/* Cards grid */
.rhtx-editors .rhtx-cards{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}

/* Card styling */
.rhtx-editors .rhtx-card{
  position: relative;
  padding: 22px 18px 18px;
  border-radius: 16px;
  border: 1px solid rgba(11,18,32,.10);
  background: rgba(255,255,255,.80);
  box-shadow: 0 10px 24px rgba(11,18,32,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow: hidden;
}

/* subtle top glow */
.rhtx-editors .rhtx-card:before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(47,107,255,.10), rgba(34,197,94,.08));
  opacity: .18;
  transform: translateY(-55%);
  pointer-events:none;
}

/* icon badge (auto via nth-child, no HTML change needed) */
.rhtx-editors .rhtx-card:after{
  content:"";
  position:absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(47,107,255,.10);
  border: 1px solid rgba(47,107,255,.18);
}

/* Different badge tint per card */
.rhtx-editors .rhtx-card:nth-child(2):after{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); }
.rhtx-editors .rhtx-card:nth-child(3):after{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); }
.rhtx-editors .rhtx-card:nth-child(4):after{ background: rgba(168,85,247,.12); border-color: rgba(168,85,247,.22); }

/* Title + text */
.rhtx-editors .rhtx-card__title{
  margin: 6px 0 10px;
  font-size: 1.05rem;
  font-weight: 900;
  color: var(--text);
}
.rhtx-editors .rhtx-card__text{
  margin: 0;
  color: rgba(11,18,32,.75);
  line-height: 1.55;
  font-weight: 650;
}

/* Hover polish */
.rhtx-editors .rhtx-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(11,18,32,.10);
  border-color: rgba(47,107,255,.22);
}

/* Responsive */
@media (max-width: 980px){
  .rhtx-editors .rhtx-cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .rhtx-editors{ padding: 52px 0; }
  .rhtx-editors .rhtx-cards{ grid-template-columns: 1fr; }
}
/* =========================================
   RHTX Button System (Global Upgrade)
   Applies to: .rhtx-btn, hero CTAs, and your UI buttons
========================================= */

:root{
  --rhtx-btn-radius: 14px;
  --rhtx-btn-shadow: 0 10px 26px rgba(11,18,32,.14);
  --rhtx-btn-shadow-hover: 0 14px 34px rgba(11,18,32,.18);
}

/* Base */
.rhtx-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding: 12px 18px;
  border-radius: var(--rhtx-btn-radius);
  font-weight: 850;
  letter-spacing: .2px;

  border: 1px solid transparent;
  text-decoration:none !important;
  cursor:pointer;

  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, filter .18s ease;
  will-change: transform;
}

/* Sizes */
.rhtx-btn--lg{ padding: 14px 22px; font-size: 1rem; }
.rhtx-btn--sm{ padding: 10px 14px; font-size: .92rem; border-radius: 12px; }

/* Primary */
.rhtx-btn--primary{
  background: linear-gradient(180deg, rgba(47,107,255,1), rgba(35,92,230,1));
  color:#fff !important;
  box-shadow: var(--rhtx-btn-shadow);
}
.rhtx-btn--primary:hover{
  transform: translateY(-2px);
  box-shadow: var(--rhtx-btn-shadow-hover);
  filter: brightness(1.03);
}
.rhtx-btn--primary:active{
  transform: translateY(0);
  box-shadow: 0 8px 20px rgba(11,18,32,.14);
}

/* Ghost / Outline */
.rhtx-btn--ghost{
  background: rgba(255,255,255,.78);
  color: var(--text) !important;
  border-color: rgba(11,18,32,.14);
  box-shadow: 0 8px 20px rgba(11,18,32,.08);
  backdrop-filter: blur(10px);
}
.rhtx-btn--ghost:hover{
  transform: translateY(-2px);
  border-color: rgba(47,107,255,.35);
  box-shadow: 0 12px 28px rgba(11,18,32,.12);
}

/* Focus (accessibility) */
.rhtx-btn:focus,
.rhtx-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(47,107,255,.22), var(--rhtx-btn-shadow);
}

/* Disabled support (if you use buttons) */
.rhtx-btn[disabled],
.rhtx-btn.is-disabled{
  opacity:.55;
  pointer-events:none;
  transform:none !important;
  box-shadow:none !important;
}

/* Optional: add subtle icon circle (only if you include icons inside the btn) */
.rhtx-btn .rhtx-btn__ico{
  width: 22px; height: 22px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.18);
}

/* Match your mock UI buttons too */
.rhtx-mock__btn{
  border-radius: var(--rhtx-btn-radius) !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}
.rhtx-mock__btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(11,18,32,.12);
}
.rhtx-mock__btn--primary{
  box-shadow: var(--rhtx-btn-shadow);
}
.rhtx-mock__btn--primary:hover{
  box-shadow: var(--rhtx-btn-shadow-hover);
}
/* ===============================
   HOW IT WORKS – Solid Card Style
================================ */

/* Card base */
.rhtx-step{
  background: #f4f8ff !important; /* solid, not gradient */
  border: 1px solid rgba(47,107,255,.12);
  box-shadow: 0 12px 28px rgba(11,18,32,.08);
  border-radius: 18px;
}

/* Slight differentiation per step (optional but nice) */
.rhtx-step:nth-child(1){
  background:#f3f8ff !important;
}
.rhtx-step:nth-child(2){
  background:#f5fbff !important;
}
.rhtx-step:nth-child(3){
  background:#f6fbf9 !important;
}

/* Number badge */
.rhtx-step__num{
  background:#e6eeff;
  color:#2f6bff;
  font-weight:900;
}
/* =========================================
WHY HUMANISATION: IMAGE ONLY (no tint/overlay)
Paste at END of CSS
========================================= */

/* remove any section-level tinted background */
.rhtx-section.rhtx-whyhero{
  background: transparent !important;
}

/* kill overlays completely (section + inner) */
.rhtx-whyhero::before,
.rhtx-whyhero__inner::before{
  content: none !important;
  display: none !important;
  background: none !important;
}

/* remove any background color/gradient on the inner card */
.rhtx-whyhero__inner{
  background-color: transparent !important;
  background-image: url("https://www.realhumantxt.com/wp-content/uploads/2026/01/Add-a-heading.png") !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: contain !important;  /* use contain to keep full image visible */
  border-radius: 24px;
  overflow: hidden;
}

/* make sure text stays on top */
.rhtx-whyhero__inner *{
  position: relative;
  z-index: 2;
}
/* =========================
TESTIMONIALS – PREMIUM STYLE
========================= */
.rhtx-testimonials{
  background:#f6f8fc;
  padding: 80px 0;
}

.rhtx-testimonials .rhtx-section__head{
  text-align:center;
  margin-bottom: 34px;
}

.rhtx-quotes{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px;
}

/* Card */
.rhtx-quote{
  position:relative;
  border-radius: 20px;
  padding: 26px 24px 20px;
  background: rgba(255,255,255,.95);
  border:1px solid rgba(11,18,32,.08);
  box-shadow: 0 12px 32px rgba(11,18,32,.06);
  transition: transform .18s ease, box-shadow .18s ease;
}

.rhtx-quote:hover{
  transform: translateY(-4px);
  box-shadow: 0 20px 48px rgba(11,18,32,.10);
}

/* Top gradient accent */
.rhtx-quote::before{
  content:"";
  position:absolute;
  top:0; left:0;
  width:100%;
  height:4px;
  background: linear-gradient(90deg,#2f6bff,#22c55e);
}

/* Quote mark */
.rhtx-quote::after{
  content:"“";
  position:absolute;
  right:18px;
  top:12px;
  font-size:56px;
  font-weight:900;
  opacity:.08;
}

/* Quote text */
.rhtx-quote blockquote{
  margin: 14px 0 18px;
  font-size:1.02rem;
  font-weight:700;
  line-height:1.5;
  color:#0b1220;
}

/* Footer line */
.rhtx-quote figcaption{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:auto;
}

/* Avatar */
.rhtx-ava{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(47,107,255,.12);
  border:1px solid rgba(47,107,255,.2);
  color:#2f6bff;
  font-weight:900;
  font-size:12px;
}

/* Role text */
.rhtx-captext{
  font-weight:800;
  opacity:.85;
}

/* Badge */
.rhtx-badge{
  margin-left:auto;
  font-size:12px;
  font-weight:850;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.22);
  color:#117a3b;
}

.rhtx-badge--blue{
  background:rgba(47,107,255,.12);
  border-color:rgba(47,107,255,.22);
  color:#2f6bff;
}

/* Mobile */
@media (max-width:980px){
  .rhtx-quotes{
    grid-template-columns:1fr;
  }
}
/* Remove testimonial avatar circles */
.rhtx-quote .rhtx-ava{
  display: none !important;
}
/* Replace Save/Submit with clean status checks */
.rhtx-mock__actions--status{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:14px;
}

.rhtx-mock__status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(11,18,32,.08);
  box-shadow:0 10px 24px rgba(11,18,32,.06);
  font-size:13px;
  font-weight:750;
  color:var(--text);
  white-space:nowrap;
}

.rhtx-mock__check{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(34,197,94,.14);
  border:1px solid rgba(34,197,94,.22);
  color:#117a3b;
  font-size:12px;
  line-height:1;
  flex:0 0 auto;
}

.rhtx-mock__check--soft{
  background:rgba(59,130,246,.12);
  border:1px solid rgba(59,130,246,.20);
  color:#1d4ed8;
}

.rhtx-mock__statusText{
  opacity:.92;
}

/* Mobile: keep it neat */
@media (max-width: 720px){
  .rhtx-mock__actions--status{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
.rhtx-hero_subtext{
  margin-bottom: 26px !important;
}
.rhtx-hero_cta{
  margin-top: 20px !important;
}
.platform-hero{
  background: #0b1220 !important;
  color: #ffffff !important;
}
html { outline: 8px solid red !important; }