/* ==========================================================================
   PropertyFlow — Ready to go Hands Free page dark redesign
   (Figma file AfDgwLGK6PWvMXXcqqtZUb, frame 731:3730 "Ready to go hands free")

   Loaded ONLY by platform/hands-free/index.html, after home-dark.css
   (nav, labels, pills, CTA2, footer pattern reused from there).
   Component classes below use the `rhf-` prefix to avoid any collision
   with home-dark.css or the other redesigned pages' CSS files.
   Scoped under body.hd-page.
   ========================================================================== */

/* ---------- Hero ---------- */

body.hd-page .rhf-hero { padding: 160px 0 100px; }
body.hd-page .rhf-hero__copy { max-width: 800px; }
body.hd-page .rhf-hero__heading {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: clamp(30px, 5.6vw, 71.66px);
  line-height: 1.06;
  letter-spacing: -0.028em;
  color: var(--text-primary);
  margin: 28px 0 0;
}
body.hd-page .rhf-hero__heading > span { display: block; }
body.hd-page .rhf-hero__heading span.muted { color: #87878f; }
body.hd-page .rhf-hero__desc {
  font-family: "Krub", sans-serif;
  font-size: 17px;
  line-height: 1.65;
  color: var(--text-secondary);
  max-width: 540px;
  margin: 24px 0 0;
}
body.hd-page .rhf-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
body.hd-page .rhf-hero__stats { display: flex; align-items: center; gap: 24px; margin-top: 36px; max-width: 640px; }
body.hd-page .rhf-hero__stat-divider { width: 1px; height: 32px; background: var(--border-subtle); flex-shrink: 0; }
body.hd-page .rhf-hero__stat-value { font-family: "Inter", sans-serif; font-weight: 800; font-size: 24px; letter-spacing: -0.03em; color: var(--text-primary); display: block; }
body.hd-page .rhf-hero__stat-label { font-family: "Krub", sans-serif; font-size: 12px; color: var(--link-muted); margin: 0; max-width: 190px; }

@media (max-width: 640px) {
  body.hd-page .rhf-hero__stats { flex-wrap: wrap; gap: 16px 20px; }
}

/* ---------- Operations handoff list (hero visual) ---------- */

body.hd-page .rhf-handoff {
  margin-top: 80px;
  background: #131316;
  border: 0.8px solid var(--border-subtle);
  border-radius: 24px;
  overflow: hidden;
}
body.hd-page .rhf-handoff__head { padding: 24px 24px 0; }
body.hd-page .rhf-handoff__head h3 { font-family: "Krub", sans-serif; font-weight: 600; font-size: 20px; color: var(--text-primary); margin: 0 0 4px; }
body.hd-page .rhf-handoff__head p { font-family: "Krub", sans-serif; font-size: 13px; color: var(--link-muted); margin: 0; }
body.hd-page .rhf-handoff__rows { padding: 16px 40px 24px; }
body.hd-page .rhf-handoff__row { display: flex; align-items: center; gap: 16px; padding: 20px 0; border-bottom: 0.8px solid var(--border-subtle); }
body.hd-page .rhf-handoff__row:last-child { border-bottom: none; }
body.hd-page .rhf-handoff__row img { width: 24px; height: 24px; flex-shrink: 0; }
body.hd-page .rhf-handoff__text { flex: 1; min-width: 0; }
body.hd-page .rhf-handoff__title { font-family: "Krub", sans-serif; font-weight: 500; font-size: 20px; color: var(--text-primary); margin: 0; }
body.hd-page .rhf-handoff__desc { font-family: "Krub", sans-serif; font-size: 16px; color: #818181; margin: 4px 0 0; }
body.hd-page .rhf-handoff__badge { flex-shrink: 0; font-family: "Krub", sans-serif; font-size: 13px; color: var(--text-primary); background: #1a1a1e; border: 0.8px solid var(--border-subtle); border-radius: 999px; padding: 5px 12px; white-space: nowrap; }

@media (max-width: 700px) {
  body.hd-page .rhf-handoff__rows { padding: 16px 20px 24px; }
  body.hd-page .rhf-handoff__row { flex-wrap: wrap; }
  body.hd-page .rhf-handoff__badge { margin-left: 40px; }
}

/* ---------- Shared section header ---------- */

body.hd-page .rhf-section-head { max-width: 648px; }
body.hd-page .rhf-h2 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: clamp(26px, 4.1vw, 46px);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--text-primary);
  margin: 28px 0 0;
}
body.hd-page .rhf-h2 span.muted { color: #87878f; }
body.hd-page .rhf-lede { font-family: "Krub", sans-serif; font-size: 17px; line-height: 1.65; color: #b5b5b5; max-width: 648px; margin: 24px 0 0; }

/* ---------- Section 02: 2-col "what's left" cards ---------- */

body.hd-page .rhf-left-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #0c0c0f;
  border: 0.8px solid var(--border-subtle);
  border-radius: 24px;
  margin-top: 56px;
  overflow: hidden;
}
body.hd-page .rhf-left-cell { padding: 40px 32px; border-right: 0.8px solid var(--border-subtle); }
body.hd-page .rhf-left-cell:last-child { border-right: none; }
body.hd-page .rhf-left-cell__num { font-family: "Krub", sans-serif; font-size: 15px; color: var(--link-muted); margin: 0 0 24px; }
body.hd-page .rhf-left-cell__title { font-family: "Krub", sans-serif; font-weight: 600; font-size: 20px; color: var(--text-primary); margin: 0 0 8px; }
body.hd-page .rhf-left-cell__desc { font-family: "Krub", sans-serif; font-size: 14px; line-height: 1.5; color: var(--link-muted); margin: 0; }

@media (max-width: 760px) {
  body.hd-page .rhf-left-grid { grid-template-columns: 1fr; }
  body.hd-page .rhf-left-cell { border-right: none; border-bottom: 0.8px solid var(--border-subtle); }
  body.hd-page .rhf-left-cell:last-child { border-bottom: none; }
}

/* ---------- Section 03: partnership split bar ---------- */

body.hd-page .rhf-split-card { background: #0c0c0f; border: 0.8px solid var(--border-subtle); border-radius: 24px; padding: 24px 40px; margin-top: 56px; }
body.hd-page .rhf-split-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
body.hd-page .rhf-split-who { display: flex; align-items: center; gap: 8px; font-family: "Krub", sans-serif; font-size: 15px; color: var(--text-primary); }
body.hd-page .rhf-split-who img { width: 26px; height: 26px; }
body.hd-page .rhf-split-who b { font-weight: 700; }
body.hd-page .rhf-split-who span.role { font-family: "Krub", sans-serif; font-size: 13px; color: var(--text-primary); font-weight: 400; }
body.hd-page .rhf-split-bar { display: flex; height: 33px; border-radius: 999px; overflow: hidden; border: 0.8px solid var(--border-subtle); }
body.hd-page .rhf-split-bar span:first-child { flex: 1 1 50%; background: #ff0257; }
body.hd-page .rhf-split-bar span:last-child { flex: 1 1 50%; background: #22c55e; }

@media (max-width: 560px) {
  body.hd-page .rhf-split-card { padding: 24px 20px; }
}