.rh-landing-v3 {
  --rh-land-bg: #061323;
  --rh-land-bg-deep: #030a12;
  --rh-land-surface: #091a2b;
  --rh-land-line: rgba(118, 160, 197, .18);
  --rh-land-text: #f2f8fc;
  --rh-land-muted: #8ba0b2;
  --rh-land-cyan: #42d8f5;
  --rh-land-blue: #4b7fff;
  background: var(--rh-land-bg);
  color: var(--rh-land-text);
}

.rh-landing-v3 > .site-footer { display: none; }
.rh-landing-v3 > main { width: 100%; margin: 0; }
.rh-landing-v3 .rh-chat-toggle { z-index: 40; }
.rh-landing-shell {
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(900px 540px at -4% 10%, rgba(52, 194, 224, .075), transparent 72%),
    radial-gradient(880px 560px at 104% 24%, rgba(73, 125, 255, .065), transparent 74%),
    #061323;
}
.home-ad-rail { position: fixed; z-index: 24; top: 86px; bottom: 24px; display: flex; width: 172px; flex-direction: column; gap: 14px; overflow-y: auto; overscroll-behavior: contain; padding: 2px 3px 10px; pointer-events: none; scrollbar-width: thin; scrollbar-color: rgba(73, 215, 245, .45) transparent; }
.home-ad-rail-left { left: max(12px, calc((100vw - 1180px) / 2 - 198px)); }
.home-ad-rail-right { right: max(12px, calc((100vw - 1180px) / 2 - 198px)); }
.home-ad-card { position: relative; isolation: isolate; overflow: hidden; display: block; border: 1px solid rgba(124, 176, 232, .28); border-radius: 14px; background: linear-gradient(145deg, rgba(12, 35, 55, .98), rgba(3, 12, 22, .98)); color: #dbeafe; box-shadow: 0 18px 42px rgba(0, 0, 0, .32); pointer-events: auto; text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.home-ad-card::after { position: absolute; z-index: -1; inset: auto -32% -70% 20%; height: 140px; border-radius: 50%; background: radial-gradient(circle, rgba(66, 216, 245, .16), transparent 69%); content: ""; pointer-events: none; }
.home-ad-card:hover, .home-ad-card:focus-visible { border-color: rgba(66, 216, 245, .72); box-shadow: 0 20px 46px rgba(0, 0, 0, .46), 0 0 0 1px rgba(66, 216, 245, .12); color: #fff; text-decoration: none; transform: translateY(-2px); outline: none; }
.home-ad-card:focus-visible { outline: 3px solid rgba(116, 224, 255, .45); outline-offset: 3px; }
.home-ad-label { display: inline-flex; align-items: center; gap: 5px; color: #69d9ef; font-size: 9px; font-weight: 820; letter-spacing: .12em; text-transform: uppercase; }
.home-ad-label i { font-size: 10px; }
.home-ad-card img { display: block; width: 100%; background: #0b1724; object-fit: cover; }
.home-ad-copy { display: block; min-width: 0; }
.home-ad-title { display: block; overflow-wrap: anywhere; color: #edf8ff; font-size: 13px; font-weight: 820; line-height: 1.28; }
.home-ad-advertiser { display: block; margin-top: 4px; overflow-wrap: anywhere; color: #8da8ba; font-size: 11px; line-height: 1.3; }
.home-ad-action { display: inline-flex; align-items: center; gap: 6px; color: #8fe9f8; font-size: 11px; font-weight: 760; white-space: nowrap; }

.home-ad-card--rail { padding: 9px; }
.home-ad-card--rail .home-ad-label { margin: 0 0 7px; }
.home-ad-card--rail img { max-height: 340px; aspect-ratio: 4 / 5; border: 1px solid rgba(148, 210, 232, .12); border-radius: 9px; }
.home-ad-card--rail .home-ad-copy { padding: 9px 2px 0; }
.home-ad-card--rail .home-ad-title { font-size: 12px; }
.home-ad-card--rail .home-ad-advertiser { font-size: 10px; }
.home-ad-card--rail .home-ad-action { margin: 10px 2px 2px; font-size: 10px; }

.home-ad-inline-zone { display: grid; width: var(--rh-page-w); margin: 0 auto 28px; }
.home-ad-inline-zone--hero { width: var(--rh-prose-w); margin-top: -16px; }
.home-ad-inline-zone--product { margin-top: 18px; }
.home-ad-inline-zone--premium { margin-top: 4px; }
.home-ad-inline-zone--footer { margin-top: 4px; }
.home-ad-card--inline { display: grid; grid-template-columns: minmax(170px, 31%) minmax(0, 1fr) auto; align-items: stretch; min-height: 134px; }
.home-ad-card--inline img { height: 100%; min-height: 132px; aspect-ratio: 1.7 / 1; border-right: 1px solid rgba(148, 210, 232, .13); }
.home-ad-card--inline .home-ad-copy { align-self: center; padding: 19px 10px 19px 20px; }
.home-ad-card--inline .home-ad-label { display: flex; margin-bottom: 8px; }
.home-ad-card--inline .home-ad-title { font-size: 15px; }
.home-ad-card--inline .home-ad-advertiser { font-size: 12px; }
.home-ad-card--inline .home-ad-action { align-self: center; margin: 0 20px 0 8px; }

.rh-landing-nav {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  width: min(1180px, calc(100% - 48px));
  height: 72px;
  margin: 0 auto;
  background: transparent;
  border: 0;
}
.rh-landing-brand { display: inline-flex; align-items: center; gap: 9px; color: #f1f8fc; font-size: 15px; font-weight: 820; text-decoration: none; letter-spacing: -.02em; }
.rh-landing-brand img { object-fit: contain; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .25)); }
.rh-landing-brand b { color: #ecf7fd; }
.rh-landing-brand em { color: #f0bd5e; font-style: normal; }
.rh-landing-links { display: flex; align-items: center; justify-content: center; gap: 26px; }
.rh-landing-links a,
.rh-nav-login { color: #8fa3b4; font-size: 11px; font-weight: 680; text-decoration: none; }
.rh-landing-links a:hover,
.rh-nav-login:hover { color: #e5f5ff; }
.rh-landing-actions { display: flex; align-items: center; gap: 13px; }
.rh-landing-languages { display: flex; align-items: center; gap: 3px; padding-right: 4px; }
.rh-landing-languages a { display: grid; min-width: 23px; height: 19px; place-items: center; border: 1px solid transparent; border-radius: 5px; color: #6f8799; font-size: 7px; font-weight: 820; text-decoration: none; }
.rh-landing-languages a:hover { color: #cfe7f6; }
.rh-landing-languages a.is-active { border-color: rgba(64, 215, 245, .3); background: rgba(64, 215, 245, .09); color: #9ceafa; }
.rh-nav-cta,
.rh-primary-button,
.rh-secondary-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease; }
.rh-nav-cta { min-height: 34px; padding: 0 13px; border: 1px solid rgba(64, 215, 245, .42); border-radius: 8px; background: #26b9d7; color: #03121d; box-shadow: 0 10px 26px rgba(38, 185, 215, .18); font-size: 9px; font-weight: 820; }
.rh-nav-cta:hover { background: #50d8ef; transform: translateY(-1px); }
.rh-landing-menu { display: none; justify-self: end; position: relative; }
.rh-landing-menu summary { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--rh-land-line); border-radius: 9px; color: #d6e9f6; list-style: none; cursor: pointer; }
.rh-landing-menu summary::-webkit-details-marker { display: none; }
.rh-landing-menu summary i { font-size: 20px; }
.rh-landing-menu > div { position: absolute; top: 46px; right: 0; display: grid; width: 210px; gap: 4px; padding: 10px; border: 1px solid var(--rh-land-line); border-radius: 12px; background: rgba(5, 16, 28, .98); box-shadow: 0 24px 60px rgba(0, 0, 0, .45); }
.rh-landing-menu > div > a { padding: 9px 10px; border-radius: 7px; color: #a9bdcc; font-size: 11px; font-weight: 700; text-decoration: none; }
.rh-landing-menu > div > a:hover { background: rgba(64, 215, 245, .07); color: #eaf8ff; }

.rh-landing-main { position: relative; }
.rh-landing-main::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 940px;
  background:
    linear-gradient(180deg, rgba(6, 19, 35, .1), rgba(6, 19, 35, .38) 62%, #061323 94%),
    url('/static/img/landing-topography-v4.webp') center top / cover no-repeat;
  opacity: .7;
  pointer-events: none;
}
.rh-landing-main > section { position: relative; z-index: 1; }

.rh-hero { width: min(870px, calc(100% - 40px)); margin: 0 auto; padding: 42px 0 36px; text-align: center; }
.rh-eyebrow,
.rh-section-kicker { color: #5ebfd4; font-size: 9px; font-weight: 820; letter-spacing: .13em; text-transform: uppercase; }
.rh-eyebrow { display: inline-flex; align-items: center; gap: 8px; }
.rh-eyebrow > span { width: 22px; height: 1px; background: #43cae7; }
.rh-hero h1 { max-width: 760px; margin: 16px auto 14px; color: #f4f9fd; font-size: clamp(46px, 5.5vw, 60px); line-height: .99; letter-spacing: -.055em; text-wrap: balance; }
.rh-hero > p { max-width: 640px; margin: 0 auto; color: #91a5b6; font-size: 15px; line-height: 1.65; text-wrap: balance; }
.rh-hero-actions { display: flex; align-items: center; justify-content: center; gap: 11px; margin-top: 22px; }
.rh-primary-button,
.rh-secondary-button { min-height: 43px; padding: 0 18px; border-radius: 8px; font-size: 10px; font-weight: 820; }
.rh-primary-button { border: 1px solid rgba(64, 215, 245, .5); background: #2ac0dc; color: #03131e; box-shadow: 0 16px 40px rgba(31, 185, 214, .18); }
.rh-primary-button:hover { background: #54d9f0; transform: translateY(-1px); }
.rh-secondary-button { border: 1px solid rgba(132, 163, 192, .25); background: rgba(6, 18, 32, .7); color: #c7d6e1; }
.rh-secondary-button:hover { border-color: rgba(122, 214, 234, .36); color: #effbff; }
.rh-trust-row { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 18px; color: #667f92; font-size: 8px; }
.rh-trust-row span { display: inline-flex; align-items: center; gap: 6px; }
.rh-trust-row i { color: #3aaec5; }

.rh-product-stage { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 0; border: 0; border-radius: 18px; background: transparent; }
.rh-product-stage-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 4px 5px 15px; }
.rh-product-stage > .rh-product-stage-head { display: none; }
.rh-product-stage-head h2 { margin: 3px 0 0; color: #eff8fe; font-size: 21px; letter-spacing: -.035em; }
.rh-demo-label { display: inline-flex; align-items: center; gap: 7px; color: #6d8699; font-size: 8px; font-weight: 720; }
.rh-demo-label i { color: #39d291; font-size: 6px; }

.rh-outcomes { display: grid; grid-template-columns: repeat(3, 1fr); width: min(1020px, calc(100% - 40px)); margin: 28px auto 0; border-top: 1px solid rgba(117, 157, 191, .16); border-bottom: 1px solid rgba(117, 157, 191, .16); }
.rh-outcomes article { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 26px 32px; }
.rh-outcomes article + article { border-left: 1px solid rgba(117, 157, 191, .16); }
.rh-outcomes article > i { color: #4bcce7; font-size: 18px; }
.rh-outcomes span { display: block; color: #72899c; font-size: 9px; line-height: 1.55; }
.rh-outcomes strong { display: block; margin-bottom: 5px; color: #d9e8f2; font-size: 11px; }

.rh-workflows { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 84px; width: min(1080px, calc(100% - 40px)); margin: 0 auto; padding: 30px 0 108px; }
.rh-workflow-copy { align-self: start; padding-top: 26px; }
.rh-workflow-copy h2 { max-width: 440px; margin: 14px 0 20px; color: #eff7fc; font-size: clamp(40px, 4.5vw, 58px); line-height: 1.02; letter-spacing: -.055em; }
.rh-workflow-copy > p { max-width: 420px; margin: 0; color: #7e94a5; font-size: 13px; line-height: 1.75; }
.rh-workflow-copy .rh-hero-actions { justify-content: flex-start; }
.rh-workflow-list { position: relative; border-left: 1px solid rgba(64, 215, 245, .24); }
.rh-workflow-list article { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 20px; min-height: 104px; padding: 23px 0 22px 32px; border-bottom: 1px solid var(--rh-land-line); }
.rh-workflow-list article::before { content: ""; position: absolute; top: 30px; left: -4px; width: 7px; height: 7px; border: 1px solid #46cde8; border-radius: 50%; background: #061323; }
.rh-workflow-list article > i { display: grid; width: 48px; height: 48px; place-items: center; color: #4dcde8; font-size: 25px; }
.rh-workflow-list h3 { margin: 0 0 6px; color: #dbeaf4; font-size: 14px; }
.rh-workflow-list p { max-width: 520px; margin: 0; color: #72899b; font-size: 10px; line-height: 1.6; }
.rh-section-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 80px; align-items: end; }
.rh-section-intro .rh-section-kicker { grid-column: 1 / -1; margin-bottom: -16px; }
.rh-section-intro h2 { max-width: 520px; margin: 0; color: #eff7fc; font-size: clamp(34px, 4vw, 54px); line-height: 1.04; letter-spacing: -.05em; }
.rh-section-intro p { margin: 0 0 4px; color: #7e94a5; font-size: 13px; line-height: 1.75; }
.rh-workflow-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 58px; border-top: 1px solid var(--rh-land-line); border-bottom: 1px solid var(--rh-land-line); }
.rh-workflow-grid article { position: relative; min-height: 250px; padding: 34px 24px 30px; }
.rh-workflow-grid article + article { border-left: 1px solid var(--rh-land-line); }
.rh-workflow-grid article > span { color: #41627a; font-size: 8px; font-weight: 820; letter-spacing: .1em; }
.rh-workflow-grid article > i { display: block; margin: 42px 0 22px; color: #4ccde8; font-size: 21px; }
.rh-workflow-grid h3 { margin: 0 0 10px; color: #dceaf3; font-size: 15px; }
.rh-workflow-grid p { margin: 0; color: #71889a; font-size: 10px; line-height: 1.65; }

.rh-premium-section.rh-premium-value {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 345px);
  grid-template-areas: "copy purchase" "benefits purchase";
  gap: 28px 54px;
  align-items: start;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 62px 58px;
  border: 1px solid rgba(229, 185, 79, .32);
  border-radius: 24px;
  background: radial-gradient(circle at 97% 4%, rgba(241, 188, 81, .16), transparent 30%), radial-gradient(circle at 44% 100%, rgba(64, 215, 245, .07), transparent 42%), #081a2b;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255,255,255,.04);
}
.rh-premium-value-copy { grid-area: copy; }
.rh-premium-value-copy h2 { max-width: 720px; margin: 13px 0 16px; color: #f7fbff; font-size: clamp(34px, 4vw, 50px); line-height: 1.04; letter-spacing: -.05em; text-wrap: balance; }
.rh-premium-value-copy > p { max-width: 720px; margin: 0; color: #a0b6c6; font-size: 13px; line-height: 1.7; }
.rh-premium-trust { display: grid; gap: 7px; margin-top: 22px; }
.rh-premium-trust span { display: flex; align-items: center; gap: 8px; color: #b6cbd8; font-size: 10px; }
.rh-premium-trust i { width: 15px; color: #5de3b0; font-size: 12px; text-align: center; }
.rh-premium-benefits { grid-area: benefits; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 10px; }
.rh-premium-benefit { min-width: 0; min-height: 138px; overflow: hidden; border: 1px solid rgba(118, 160, 197, .2); border-radius: 13px; background: rgba(255,255,255,.025); transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.rh-premium-benefit:hover { border-color: rgba(229, 185, 79, .5); background: rgba(229, 185, 79, .055); transform: translateY(-2px); }
.rh-premium-benefit:has(details[open]),
.rh-premium-benefit.is-open { border-color: rgba(229, 185, 79, .6); background: linear-gradient(160deg, rgba(229, 185, 79, .1), rgba(255,255,255,.025)); box-shadow: 0 14px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035); }
.rh-premium-benefit details { min-height: inherit; }
.rh-premium-benefit summary { display: grid; grid-template-columns: 31px minmax(0, 1fr); align-content: start; gap: 0 11px; min-height: 138px; padding: 15px; color: inherit; cursor: pointer; list-style: none; }
.rh-premium-benefit summary::-webkit-details-marker { display: none; }
.rh-premium-benefit summary::marker { content: ""; }
.rh-premium-benefit summary:focus-visible { outline: 3px solid rgba(106, 222, 246, .78); outline-offset: -3px; border-radius: 11px; }
.rh-premium-benefit-icon { display: inline-grid; width: 31px; height: 31px; place-items: center; grid-row: 1 / span 2; border: 1px solid rgba(229, 185, 79, .3); border-radius: 9px; background: rgba(229, 185, 79, .09); color: #f1c666; font-size: 15px; }
.rh-premium-benefit-copy { display: block; min-width: 0; }
.rh-premium-benefit-title { display: block; color: #eef7fc; font-size: 13px; font-weight: 800; line-height: 1.3; }
.rh-premium-benefit-teaser { display: block; margin-top: 6px; color: #94abba; font-size: 10px; line-height: 1.55; }
.rh-premium-benefit-action { display: flex; grid-column: 2; align-items: center; gap: 6px; align-self: end; margin-top: 11px; color: #e6bd62; font-size: 9px; font-weight: 780; letter-spacing: .01em; }
.rh-premium-benefit-action i { font-size: 9px; transition: transform .18s ease; }
.rh-premium-benefit details[open] .rh-premium-benefit-action i { transform: rotate(180deg); }
.rh-premium-benefit-detail { margin: 0 15px 15px; padding: 14px 15px 15px; border: 1px solid rgba(229, 185, 79, .18); border-radius: 10px; background: rgba(3, 14, 25, .46); }
.rh-premium-benefit-detail > span { display: flex; align-items: center; gap: 6px; color: #f0c66e; font-size: 9px; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.rh-premium-benefit-detail > span i { font-size: 10px; }
.rh-premium-benefit-detail p { margin: 9px 0 0; color: #b5c8d3; font-size: 10px; line-height: 1.68; }
.rh-premium-purchase { position: relative; isolation: isolate; grid-area: purchase; align-self: start; overflow: hidden; padding: 27px; border: 1px solid rgba(240, 193, 96, .48); border-radius: 17px; background: linear-gradient(160deg, rgba(245, 184, 74, .16), rgba(5, 18, 32, .9) 44%); box-shadow: 0 20px 40px rgba(0,0,0,.22); }
.rh-premium-purchase::before { position: absolute; z-index: -1; top: -110px; right: -85px; width: 230px; height: 230px; border-radius: 50%; background: radial-gradient(circle, rgba(255,220,128,.19), transparent 68%); content: ""; pointer-events: none; }
.rh-premium-purchase > * { position: relative; z-index: 1; }
.rh-premium-purchase-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.rh-premium-purchase-kicker { display: flex; align-items: center; gap: 7px; color: #f0c66e; font-size: 9px; font-weight: 820; letter-spacing: .09em; text-transform: uppercase; }
.rh-premium-purchase-kicker i { font-size: 13px; }
.rh-premium-purchase-crest { display: block; width: 76px; height: 76px; margin: -12px -12px -16px 0; border: 1px solid rgba(255, 216, 118, .45); border-radius: 15px; background: #07111e; box-shadow: 0 13px 28px rgba(0,0,0,.28), 0 0 0 4px rgba(239, 184, 67, .055); object-fit: cover; }
.rh-premium-price-block { display: grid; gap: 2px; margin-top: 18px; }
.rh-premium-price-block > strong { display: block; color: #fff7df; font-size: 37px; letter-spacing: -.05em; line-height: 1; }
.rh-premium-price-block > small { color: #9cb2c1; font-size: 10px; }
.rh-premium-purchase-value { display: grid; grid-template-columns: 29px minmax(0, 1fr); gap: 10px; margin-top: 17px; padding: 11px; border: 1px solid rgba(242, 198, 99, .23); border-radius: 10px; background: rgba(247, 198, 89, .07); }
.rh-premium-purchase-value > i { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid rgba(247, 205, 112, .3); border-radius: 8px; background: rgba(247, 205, 112, .12); color: #ffd980; font-size: 14px; }
.rh-premium-purchase-value span { min-width: 0; }
.rh-premium-purchase-value b { display: block; color: #fff1c8; font-size: 10px; line-height: 1.3; }
.rh-premium-purchase-value small { display: block; margin-top: 3px; color: #a9c0ce; font-size: 9px; line-height: 1.45; }
.rh-premium-main-cta { display: flex; align-items: center; justify-content: space-between; min-height: 49px; margin-top: 17px; padding: 0 15px; border: 1px solid rgba(255,225,151,.72); border-radius: 9px; background: linear-gradient(135deg, #f8d47f, #eaa835); color: #231405; font-size: 10px; font-weight: 900; text-decoration: none; box-shadow: 0 12px 25px rgba(226, 166, 52, .25); transition: transform .18s ease, filter .18s ease, box-shadow .18s ease; }
.rh-premium-main-cta:hover { color: #231405; filter: brightness(1.06); transform: translateY(-2px); box-shadow: 0 16px 30px rgba(226, 166, 52, .33); }
.rh-premium-main-cta:focus-visible,
.rh-premium-packages a:focus-visible { outline: 2px solid #ffe096; outline-offset: 3px; }
.rh-premium-payment-note { display: flex; align-items: center; gap: 6px; margin: 10px 0 0; color: #9ab1c0; font-size: 9px; line-height: 1.45; }
.rh-premium-payment-note i { color: #63dcaa; font-size: 10px; }
.rh-premium-packages-heading { display: flex; align-items: end; justify-content: space-between; gap: 10px; margin-top: 18px; }
.rh-premium-packages-heading span { color: #e4eff6; font-size: 10px; font-weight: 800; }
.rh-premium-packages-heading small { color: #7e99ac; font-size: 9px; text-align: right; }
.rh-premium-packages { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 9px; }
.rh-premium-packages a { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "label arrow" "price arrow"; min-width: 0; min-height: 57px; padding: 10px 29px 10px 10px; border: 1px solid rgba(229, 185, 79, .2); border-radius: 9px; background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); color: inherit; text-decoration: none; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.rh-premium-packages a:hover { border-color: rgba(240, 193, 96, .62); background: rgba(240,193,96,.09); transform: translateY(-1px); }
.rh-premium-packages span { display: flex; grid-area: label; align-items: center; gap: 4px; min-width: 0; overflow: hidden; color: #a9c0cf; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.rh-premium-packages span > i { color: #f1c76d; font-size: 9px; }
.rh-premium-packages b { display: block; grid-area: price; margin-top: 3px; color: #f0f7fb; font-size: 10px; }
.rh-premium-package-arrow { position: absolute; top: 10px; right: 10px; color: #d0a74f; font-size: 10px; }
.rh-premium-purchase-assurance { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 14px; padding-top: 13px; border-top: 1px solid rgba(156, 195, 218, .14); }
.rh-premium-purchase-assurance span { display: flex; align-items: flex-start; gap: 5px; color: #9eb8c7; font-size: 9px; line-height: 1.35; }
.rh-premium-purchase-assurance i { color: #63dcaa; font-size: 10px; }

.rh-final-cta { width: min(880px, calc(100% - 40px)); margin: 0 auto; padding: 132px 0 118px; text-align: center; }
.rh-final-cta img { object-fit: contain; margin-bottom: 22px; filter: drop-shadow(0 18px 30px rgba(24, 161, 198, .22)); }
.rh-final-cta h2 { max-width: 720px; margin: 14px auto 0; color: #f0f8fc; font-size: clamp(38px, 5vw, 62px); line-height: 1.03; letter-spacing: -.055em; text-wrap: balance; }

.rh-landing-footer { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; width: min(1180px, calc(100% - 48px)); min-height: 92px; margin: 0 auto; border-top: 1px solid var(--rh-land-line); color: #647d90; }
.rh-landing-footer p { margin: 0; font-size: 9px; }
.rh-landing-footer nav { display: flex; align-items: center; gap: 20px; }
.rh-landing-footer nav a { color: #6d8598; font-size: 9px; text-decoration: none; }
.rh-landing-footer nav a:hover { color: #dcebf4; }

@media (max-width: 900px) {
  .rh-landing-nav { grid-template-columns: auto auto; }
  .rh-landing-links,
  .rh-landing-actions { display: none; }
  .rh-landing-menu { display: block; }
  .rh-hero { padding-top: 80px; }
  .rh-section-intro { gap: 30px 42px; }
  .rh-premium-section.rh-premium-value { grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; padding: 52px 42px; }
}

@media (max-width: 1540px) {
  .home-ad-rail { display: none; }
}

@media (max-width: 760px) {
  .home-ad-inline-zone,
  .home-ad-inline-zone--hero { width: calc(100% - 28px); margin-bottom: 20px; }
  .home-ad-inline-zone--hero { margin-top: -8px; }
  .home-ad-card--inline { grid-template-columns: 1fr; }
  .home-ad-card--inline img { min-height: 0; max-height: 210px; aspect-ratio: 1.8 / 1; border-right: 0; border-bottom: 1px solid rgba(148, 210, 232, .13); }
  .home-ad-card--inline .home-ad-copy { padding: 16px 16px 8px; }
  .home-ad-card--inline .home-ad-title { font-size: 14px; }
  .home-ad-card--inline .home-ad-action { margin: 0 16px 16px; }
  .rh-landing-nav { width: min(100% - 28px, 1180px); height: 64px; }
  .rh-hero { width: calc(100% - 28px); padding: 68px 0 46px; }
  .rh-hero h1 { margin-top: 17px; font-size: clamp(43px, 13vw, 64px); }
  .rh-hero > p { font-size: 14px; line-height: 1.6; }
  .rh-hero-actions { flex-direction: column; align-items: stretch; }
  .rh-primary-button,
  .rh-secondary-button { width: 100%; }
  .rh-trust-row { display: grid; justify-items: center; gap: 9px; }
  .rh-product-stage { width: calc(100% - 20px); padding: 10px; border-radius: 18px; }
  .rh-product-stage-head { align-items: flex-start; padding: 8px 4px 12px; }
  .rh-demo-label { margin-top: 4px; font-size: 0; }
  .rh-demo-label i { font-size: 7px; }
  .rh-outcomes { grid-template-columns: 1fr; width: calc(100% - 28px); }
  .rh-outcomes article { padding: 22px 10px; }
  .rh-outcomes article + article { border-top: 1px solid var(--rh-land-line); border-left: 0; }
  .rh-workflows { grid-template-columns: 1fr; gap: 46px; width: calc(100% - 32px); padding: 90px 0; }
  .rh-workflow-copy { padding-top: 0; }
  .rh-workflow-copy h2 { font-size: 40px; }
  .rh-workflow-copy .rh-hero-actions { align-items: stretch; }
  .rh-workflow-list article { grid-template-columns: 40px minmax(0, 1fr); gap: 14px; padding-left: 24px; }
  .rh-workflow-list article > i { width: 40px; height: 40px; font-size: 22px; }
  .rh-section-intro { grid-template-columns: 1fr; gap: 20px; }
  .rh-section-intro .rh-section-kicker { margin-bottom: -8px; }
  .rh-section-intro h2 { font-size: 38px; }
  .rh-workflow-grid { grid-template-columns: 1fr 1fr; }
  .rh-workflow-grid article { min-height: 230px; padding: 28px 18px; }
  .rh-workflow-grid article:nth-child(3) { border-left: 0; border-top: 1px solid var(--rh-land-line); }
  .rh-workflow-grid article:nth-child(4) { border-top: 1px solid var(--rh-land-line); }
  .rh-workflow-grid article > i { margin-top: 32px; }
  .rh-premium-section.rh-premium-value { grid-template-columns: 1fr; grid-template-areas: "copy" "benefits" "purchase"; width: calc(100% - 28px); gap: 24px; padding: 34px 22px; }
  .rh-premium-value-copy h2 { font-size: 37px; }
  .rh-premium-benefits { grid-template-columns: 1fr 1fr; }
  .rh-final-cta { width: calc(100% - 32px); padding: 95px 0 86px; }
  .rh-final-cta h2 { font-size: 39px; }
  .rh-landing-footer { grid-template-columns: 1fr; justify-items: center; width: calc(100% - 28px); padding: 28px 0; text-align: center; }
  .rh-landing-footer nav { flex-wrap: wrap; justify-content: center; }
}

@media (max-width: 430px) {
  .rh-hero h1 { font-size: 46px; }
  .rh-workflow-grid { grid-template-columns: 1fr; }
  .rh-workflow-grid article + article { border-top: 1px solid var(--rh-land-line); border-left: 0; }
  .rh-premium-benefits { grid-template-columns: 1fr; }
  .rh-premium-purchase { padding: 21px; }
  .rh-premium-purchase-assurance { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .rh-landing-v3 * { scroll-behavior: auto !important; transition: none !important; }
}

/* Readable desktop scale: the first Command Center pass was designed too close
   to a compact mock-up. Keep the mobile composition, but let real desktop
   screens use their space and maintain a 12px floor for supporting copy. */
@media (min-width: 1000px) {
  .rh-landing-nav,
  .rh-product-stage,
  .rh-landing-footer { width: min(1440px, calc(100% - 64px)); }
  .rh-landing-nav { height: 82px; }
  .rh-landing-brand { font-size: 18px; }
  .rh-landing-links { gap: 34px; }
  .rh-landing-links a,
  .rh-nav-login { font-size: 13px; }
  .rh-landing-languages a { min-width: 28px; height: 23px; font-size: 9px; }
  .rh-nav-cta { min-height: 42px; padding: 0 17px; font-size: 11px; }

  .rh-hero { width: min(1080px, calc(100% - 48px)); padding: 68px 0 54px; }
  .rh-eyebrow,
  .rh-section-kicker { font-size: 11px; }
  .rh-hero h1 { max-width: 980px; font-size: clamp(62px, 4.3vw, 76px); }
  .rh-hero > p { max-width: 790px; font-size: 18px; }
  .rh-primary-button,
  .rh-secondary-button { min-height: 50px; padding: 0 22px; font-size: 13px; }
  .rh-trust-row { gap: 28px; font-size: 11px; }

  .rh-outcomes { width: min(1240px, calc(100% - 56px)); margin-top: 38px; }
  .rh-outcomes article { gap: 18px; padding: 31px 38px; }
  .rh-outcomes article > i { font-size: 22px; }
  .rh-outcomes strong { font-size: 15px; }
  .rh-outcomes span { font-size: 12px; }

  .rh-workflows { width: min(1320px, calc(100% - 56px)); gap: 108px; padding: 54px 0 132px; }
  .rh-workflow-copy { padding-top: 34px; }
  .rh-workflow-copy h2 { max-width: 540px; font-size: clamp(48px, 3.8vw, 64px); }
  .rh-workflow-copy > p { max-width: 520px; font-size: 16px; }
  .rh-workflow-list article { grid-template-columns: 56px minmax(0, 1fr); min-height: 122px; padding: 29px 0 28px 38px; }
  .rh-workflow-list article > i { width: 56px; height: 56px; font-size: 29px; }
  .rh-workflow-list h3 { font-size: 17px; }
  .rh-workflow-list p { font-size: 13px; }

  .rh-premium-section.rh-premium-value { grid-template-columns: minmax(0, 1fr) 380px; width: min(1280px, calc(100% - 56px)); gap: 54px; padding: 76px 72px; }
  .rh-premium-value-copy h2 { font-size: clamp(44px, 3.6vw, 58px); }
  .rh-premium-value-copy > p { font-size: 15px; }
  .rh-premium-benefit { min-height: 154px; }
  .rh-premium-benefit summary { min-height: 154px; padding: 18px; }
  .rh-premium-benefit-icon { width: 34px; height: 34px; font-size: 16px; }
  .rh-premium-benefit-title { font-size: 14px; }
  .rh-premium-benefit-teaser { font-size: 11px; }
  .rh-premium-benefit-action { font-size: 10px; }
  .rh-premium-benefit-detail { margin: 0 18px 18px; padding: 16px 17px 17px; }
  .rh-premium-benefit-detail p { font-size: 11px; }
  .rh-premium-purchase { padding: 34px; }
  .rh-premium-purchase-kicker { font-size: 10px; }
  .rh-premium-price-block > strong { font-size: 40px; }
  .rh-premium-price-block > small { font-size: 12px; }
  .rh-premium-main-cta { min-height: 48px; padding: 0 17px; font-size: 12px; }
  .rh-premium-packages { gap: 8px; }
  .rh-premium-packages a { padding: 11px; }
  .rh-premium-packages span { font-size: 10px; }
  .rh-premium-packages b { font-size: 12px; }

  .rh-final-cta { width: min(1040px, calc(100% - 48px)); }
  .rh-landing-footer { min-height: 108px; }
  .rh-landing-footer p,
  .rh-landing-footer nav a { font-size: 12px; }
}

/* ------------------------------------------------------------------ */
/* Full-width layout                                                    */
/* Every block above carries its own cap (870px–1480px), which left the */
/* page sitting in the middle third of a 1920px screen. These override  */
/* the caps with the shared tokens from base.html; the small-screen     */
/* rules are untouched because the tokens only widen from 1200px up.    */
/* ------------------------------------------------------------------ */
/* base.html gives every <main> the page width, but this one is a full-bleed
   shell whose sections size themselves. Leaving it capped would subtract the
   page gutter twice and make the sections narrower than the nav above them. */
.rh-landing-main { width: 100%; margin-left: 0; margin-right: 0; }

/* The homepage ad rails are fixed to the sides and need that empty margin back,
   so the page reverts to the narrower layout — but only when ads are actually
   rendered. This lives here rather than in base.html so the class name is not
   emitted into the <head> of every page that has no ads at all. */
.rh-landing-shell:has(.home-ad-rail) {
  --rh-page-w: min(1180px, calc(100% - 48px));
  --rh-prose-w: min(1080px, calc(100% - 48px));
}

@media (min-width: 1200px) {
  .rh-landing-nav,
  .rh-product-stage,
  .rh-outcomes,
  .rh-workflows,
  .rh-premium-section.rh-premium-value,
  .rh-landing-footer { width: var(--rh-page-w); }

  .rh-hero,
  .rh-final-cta { width: var(--rh-prose-w); }

  /* Keep the headline from running the whole width — a 1700px line of text
     is harder to read, not easier. */
  .rh-hero h1 { max-width: 1180px; }
  .rh-hero > p { max-width: 860px; }

  /* These two are text-and-panel splits, so the copy column has to grow with
     the container instead of staying pinned at its old narrow cap. */
  .rh-workflows { gap: clamp(84px, 7vw, 140px); }
  .rh-workflow-copy h2 { max-width: 100%; }
  .rh-workflow-copy > p { max-width: 46ch; }
  .rh-premium-section.rh-premium-value { gap: clamp(40px, 4vw, 76px); padding: 78px clamp(70px, 5vw, 110px); }
  .rh-premium-value-copy h2,
  .rh-premium-value-copy > p { max-width: 100%; }
}

@media (min-width: 1700px) {
  .rh-hero h1 { max-width: 1320px; }
  .rh-hero > p { max-width: 940px; }
  .rh-premium-section.rh-premium-value { grid-template-columns: minmax(0, 1fr) 420px; }
}