:root {
  --rl-ink: #0d1b2a;
  --rl-ink-2: #14283d;
  --rl-text: #475467;
  --rl-muted: #667085;
  --rl-coral: #ff6f61;
  --rl-coral-dark: #e85c50;
  --rl-coral-pale: #fff6f4;
  --rl-blue-pale: #e9edf2;
  --rl-line: #e4e7ec;
  --rl-paper: #ffffff;
}

.rl-page { background: #f4f5f7; color: var(--rl-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.rl-wrap { width: min(100% - 2.5rem, 73rem); margin-inline: auto; }
.rl-page h1, .rl-page h2, .rl-page h3, .rl-page h4, .rl-page p { margin: 0; }
.rl-page svg { stroke-width: 1.75; }
.rl-hero-stage, .rl-product-card, .rl-copilot-shell, .rl-workflow-board { -webkit-user-select: none; user-select: none; }

/* Hero */
.rl-hero { position: relative; overflow: hidden; padding: clamp(4.8rem, 8.7vw, 8rem) 0 clamp(5.4rem, 9vw, 8rem); background: radial-gradient(circle at 86% 16%, #ffe8e5 0, rgb(255 232 229 / 0) 25rem), radial-gradient(circle at 3% 80%, #e9edf2 0, rgb(233 237 242 / 0) 22rem), #f4f5f7; }
.rl-hero::before { position: absolute; top: -19rem; right: -18rem; width: 50rem; height: 50rem; border: 1px solid rgb(39 68 94 / .18); border-radius: 50%; box-shadow: 0 0 0 4rem rgb(255 255 255 / .34), 0 0 0 8rem rgb(255 255 255 / .14); content: ''; }
.rl-hero-grid { position: relative; display: grid; align-items: center; gap: 3.5rem; }
.rl-eyebrow { display: inline-flex; align-items: center; gap: .56rem; color: var(--rl-coral-dark); font-size: .67rem; font-weight: 700; letter-spacing: .1em; line-height: 1.25; }
.rl-eyebrow > span { display: inline-block; width: .48rem; height: .48rem; border-radius: 50%; background: var(--rl-coral); box-shadow: 0 0 0 .28rem rgb(255 111 97 / .13); }
.rl-hero-copy h1 { max-width: 43rem; margin-top: 1.25rem; color: var(--rl-ink); font-size: clamp(2.7rem, 5.5vw, 4.85rem); font-weight: 700; letter-spacing: -.055em; line-height: 1.04; }
.rl-hero-copy h1 em { color: var(--rl-coral-dark); font-style: normal; }
.rl-lead { max-width: 36rem; margin-top: 1.55rem !important; color: var(--rl-text); font-size: 1rem; line-height: 1.8; }
.rl-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; margin-top: 2rem; }
.rl-button { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; gap: .45rem; border-radius: .45rem; background: var(--rl-coral); padding: .62rem .88rem; color: #fff; font-size: .76rem; font-weight: 700; box-shadow: 0 8px 18px rgb(255 111 97 / .2); transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.rl-button:hover { transform: translateY(-2px); background: var(--rl-coral-dark); box-shadow: 0 18px 30px rgb(228 93 81 / .28); }
.rl-button svg { width: .88rem; }
.rl-link, .rl-feature-link { display: inline-flex; align-items: center; gap: .42rem; color: #35536e; font-size: .81rem; font-weight: 780; }
.rl-link svg, .rl-feature-link svg { width: .95rem; }
.rl-hero-proof { display: flex; flex-wrap: wrap; gap: 1rem 1.8rem; margin-top: 3.1rem; padding-top: 1.25rem; border-top: 1px solid rgb(185 202 214 / .6); }
.rl-hero-proof div { display: flex; align-items: baseline; gap: .45rem; }
.rl-hero-proof dt { color: var(--rl-coral-dark); font-size: .66rem; font-weight: 850; }
.rl-hero-proof dd { color: #688094; font-size: .67rem; font-weight: 700; }

/* Hero product scene */
.rl-hero-stage { position: relative; width: min(100%, 35rem); min-height: 30rem; justify-self: end; }
.rl-stage-glow { position: absolute; inset: 8% 8% 3%; border-radius: 50%; background: radial-gradient(circle, rgb(255 255 255 / .95) 0 17%, rgb(234 244 251 / .72) 42%, transparent 70%); filter: blur(1px); }
.rl-stage-lines { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; overflow: visible; }
.rl-stage-lines path { stroke: #abc0d0; stroke-width: 1.5; stroke-dasharray: 5 7; animation: rl-route 16s linear infinite; }
.rl-stage-lines path:nth-child(2) { stroke: #ef9a90; animation-direction: reverse; }
.rl-stage-lines circle { fill: #eff6fa; stroke: #7a9ab1; stroke-width: 2; }
.rl-stage-lines circle:nth-last-child(2), .rl-stage-lines circle:nth-last-child(5) { fill: #fff0ed; stroke: var(--rl-coral); }
.rl-stage-window { position: absolute; z-index: 1; border: 1px solid rgb(212 224 232 / .96); border-radius: .72rem; background: rgb(255 255 255 / .95); box-shadow: 0 22px 38px rgb(20 55 80 / .12); backdrop-filter: blur(9px); }
.rl-stage-window header { display: flex; align-items: center; gap: .52rem; }
.rl-stage-window header > p { color: #597286; font-size: .51rem; font-weight: 850; letter-spacing: .1em; }
.rl-stage-window header > i { width: .9rem; margin-left: auto; color: #91a2af; }
.rl-window-dot { width: .48rem; height: .48rem; border-radius: 50%; background: var(--rl-coral); }
.rl-stage-chat { top: 6%; left: 9%; width: 17.5rem; padding: .85rem; }
.rl-chat-question { width: 85%; margin: .82rem 0 .55rem auto; border-radius: .48rem .48rem .1rem .48rem; background: #edf4f9; padding: .5rem .6rem; color: #38556e; font-size: .57rem; line-height: 1.48; }
.rl-chat-answer { display: flex; gap: .43rem; padding: .38rem 0 .78rem; }
.rl-chat-answer span { display: grid; width: 1.28rem; height: 1.28rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #fff0ed; color: var(--rl-coral-dark); }
.rl-chat-answer svg { width: .65rem; }
.rl-chat-answer p { color: #557086; font-size: .55rem; line-height: 1.5; }
.rl-stage-chat footer { display: flex; align-items: center; gap: .35rem; border-top: 1px solid #e4ecf1; padding-top: .55rem; color: #9aaab7; font-size: .5rem; }
.rl-stage-chat footer i { display: grid; width: 1rem; height: 1rem; margin-left: auto; place-items: center; border-radius: .22rem; background: var(--rl-ink); color: white; }
.rl-stage-chat footer svg { width: .55rem; }
.rl-stage-candidate { top: 34%; right: 2%; width: 14.6rem; padding: .8rem; }
.rl-stage-candidate header { gap: .5rem; }.rl-stage-candidate header div { display: grid; gap: .12rem; }.rl-stage-candidate header b { color: #294961; font-size: .6rem; }.rl-stage-candidate header small { color: #8497a6; font-size: .48rem; }
.rl-avatar { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #fff0ed; color: #e45d51; font-size: .55rem; font-weight: 850; }.rl-avatar-blue { background: #e8f3fb; color: #39769e; }
.rl-stage-tags { display: flex; gap: .3rem; margin-top: .72rem; }.rl-stage-tags span { border: 1px solid #dce8ef; border-radius: 999px; background: #f8fbfd; padding: .22rem .36rem; color: #668196; font-size: .43rem; font-weight: 700; }
.rl-stage-meter { display: grid; gap: .28rem; margin-top: .65rem; color: #8194a3; font-size: .46rem; }.rl-stage-meter i, .rl-stage-coverage i { display: block; overflow: hidden; height: .25rem; border-radius: 1rem; background: #e5edf2; }.rl-stage-meter b { display: block; width: 71%; height: 100%; border-radius: inherit; background: #78a4c1; }
.rl-stage-interview { bottom: 6%; left: 16%; width: 19rem; padding: .9rem; }.rl-stage-interview header > p { color: #5b7387; }.rl-stage-interview header > span { margin-left: auto; border-radius: 999px; background: #e5f7ed; padding: .2rem .35rem; color: #229563; font-size: .43rem; font-weight: 850; }.rl-stage-question { margin-top: .7rem !important; color: #2e4c64; font-size: .64rem; font-weight: 750; line-height: 1.45; }.rl-stage-coverage { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .4rem; margin-top: .75rem; }.rl-stage-coverage span { color: #8699a8; font-size: .43rem; font-weight: 800; }.rl-stage-coverage b { color: #e37048; font-size: .5rem; }.rl-stage-coverage i em { display: block; width: 59%; height: 100%; border-radius: inherit; background: #ff9c4b; }
.rl-stage-chip { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: .35rem; border: 1px solid #dce7ed; border-radius: 999px; background: #fff; padding: .46rem .62rem; box-shadow: 0 12px 24px rgb(28 61 83 / .12); color: #506c81; font-size: .53rem; font-weight: 800; }.rl-stage-chip svg { width: .72rem; color: var(--rl-coral); }.rl-chip-one { top: 0; right: 14%; }.rl-chip-two { right: 4%; bottom: 0; }

/* Chatbot section */
.rl-feature { position: relative; padding: clamp(5.5rem, 10vw, 8.8rem) 0; }.rl-feature-chat { overflow: hidden; background: var(--rl-ink); }.rl-feature-chat::before { position: absolute; top: -21rem; left: -18rem; width: 48rem; height: 48rem; border: 1px solid rgb(184 203 219 / .2); border-radius: 50%; box-shadow: 0 0 0 4.5rem rgb(184 203 219 / .06), 0 0 0 9rem rgb(184 203 219 / .035); content: ''; }.rl-feature-chat::after { position: absolute; right: 6%; bottom: 11%; width: 9rem; height: 9rem; border-radius: 50%; background: var(--rl-coral); filter: blur(42px); opacity: .21; content: ''; }.rl-feature-chat > div { position: relative; z-index: 1; }.rl-feature-grid { display: grid; align-items: center; gap: clamp(2.8rem, 7vw, 6rem); }.rl-feature-copy { max-width: 32rem; }.rl-feature-copy h2, .rl-copilot-intro h2 { margin-top: 1rem; color: var(--rl-ink); font-size: clamp(2.25rem, 4.5vw, 4rem); font-weight: 760; letter-spacing: -.067em; line-height: 1.04; }.rl-feature-copy > p:not(.rl-eyebrow) { margin-top: 1.25rem; color: var(--rl-text); font-size: .94rem; line-height: 1.78; }
.rl-feature-chat .rl-eyebrow { color: #ffaaa2; }.rl-feature-chat .rl-eyebrow > span { background: var(--rl-coral); box-shadow: 0 0 0 .28rem rgb(255 111 97 / .16); }.rl-feature-chat .rl-feature-copy h2 { color: #fff; }.rl-feature-chat .rl-feature-copy > p:not(.rl-eyebrow) { color: #c4d0dc; }.rl-feature-chat .rl-check-list b { color: #fff; }.rl-feature-chat .rl-check-list span { color: #c4d0dc; }.rl-feature-chat .rl-check-list > li > i { background: var(--rl-coral); color: #fff; }.rl-feature-chat .rl-check-list > li > i svg { color: #fff; stroke: #fff; }.rl-feature-chat .rl-check-list > li > svg { display: grid; width: 1.6rem; height: 1.6rem; padding: .38rem; place-items: center; border-radius: .38rem; background: var(--rl-coral); color: #fff; stroke: #fff; }.rl-feature-chat .rl-feature-link { color: #fff; }.rl-feature-chat .rl-feature-link svg { color: #fff; stroke: #fff; }
.rl-check-list { display: grid; gap: 1.1rem; margin: 2rem 0; }.rl-check-list li { display: grid; grid-template-columns: 1.7rem 1fr; gap: .75rem; align-items: start; }.rl-check-list > li > i { display: grid; width: 1.6rem; height: 1.6rem; place-items: center; border-radius: .38rem; background: var(--rl-coral-pale); color: var(--rl-coral-dark); }.rl-check-list svg { width: .82rem; }.rl-check-list span { display: grid; gap: .2rem; color: #738697; font-size: .77rem; line-height: 1.55; }.rl-check-list b { color: #31516a; font-size: .79rem; }
.rl-product-card { overflow: hidden; border: 1px solid #d9e4eb; border-radius: .85rem; background: #f7fafc; box-shadow: 0 26px 55px rgb(26 57 80 / .13); }.rl-chat-product { padding: 1.15rem; }.rl-product-top { display: flex; align-items: start; justify-content: space-between; gap: .8rem; padding-bottom: .95rem; border-bottom: 1px solid #dce7ee; }.rl-product-kicker { color: var(--rl-coral-dark); font-size: .53rem; font-weight: 850; letter-spacing: .12em; }.rl-product-top h3 { margin-top: .27rem; color: #25465f; font-size: .91rem; }.rl-product-live { display: inline-flex; align-items: center; gap: .34rem; border: 1px solid #d3eadc; border-radius: 999px; background: #f0fbf5; padding: .32rem .48rem; color: #339868; font-size: .52rem; font-weight: 800; white-space: nowrap; }.rl-product-live i { width: .36rem; height: .36rem; border-radius: 50%; background: #33b877; }
.rl-chat-thread { display: grid; gap: .85rem; padding: 1.1rem 0; }.rl-message { max-width: 85%; border-radius: .5rem; font-size: .7rem; line-height: 1.58; }.rl-message-user { justify-self: end; border-radius: .5rem .5rem .1rem .5rem; background: #e7f1f8; padding: .65rem .72rem; color: #365871; }.rl-message-bot { display: grid; grid-template-columns: 1.7rem 1fr; gap: .55rem; color: #506d82; }.rl-bot-sign { display: grid; width: 1.5rem; height: 1.5rem; place-items: center; border-radius: 50%; background: var(--rl-coral-pale); color: var(--rl-coral-dark); }.rl-bot-sign svg { width: .75rem; }.rl-message-bot p { padding-top: .15rem; }.rl-result-mini { display: grid; grid-template-columns: 1.7rem 1fr auto; align-items: center; gap: .5rem; margin-top: .55rem; border: 1px solid #dce8ef; border-radius: .42rem; background: #fff; padding: .48rem; }.rl-avatar-small { width: 1.55rem; height: 1.55rem; font-size: .48rem; }.rl-result-mini div { display: grid; gap: .08rem; }.rl-result-mini b { color: #2f526b; font-size: .59rem; }.rl-result-mini small { color: #8094a4; font-size: .48rem; }.rl-result-mini strong { color: var(--rl-coral-dark); font-size: .48rem; white-space: nowrap; }.rl-result-mini strong svg { width: .58rem; vertical-align: middle; }.rl-message-short { padding: .55rem .7rem; }.rl-chat-composer { display: flex; align-items: center; gap: .6rem; border: 1px solid #d6e2e9; border-radius: .48rem; background: #fff; padding: .42rem .45rem .42rem .7rem; color: #98a8b4; font-size: .64rem; }.rl-chat-composer button { display: grid; width: 1.65rem; height: 1.65rem; margin-left: auto; place-items: center; border-radius: .32rem; background: var(--rl-ink); color: #fff; }.rl-chat-composer svg { width: .75rem; }

/* Copilot */
.rl-feature-copilot { overflow: hidden; background: radial-gradient(circle at 88% 15%, rgb(255 232 229 / .8) 0, transparent 20rem), radial-gradient(circle at 3% 84%, rgb(233 237 242 / .9) 0, transparent 24rem), #fff6f4; }.rl-copilot-intro { max-width: 45rem; }.rl-copilot-intro > p:last-child { max-width: 38rem; margin-top: 1.1rem; color: var(--rl-text); font-size: .94rem; line-height: 1.76; }.rl-copilot-intro .rl-eyebrow { color: var(--rl-coral-dark); }.rl-copilot-intro .rl-eyebrow > span { background: var(--rl-coral); box-shadow: 0 0 0 .28rem rgb(255 111 97 / .14); }.rl-copilot-shell { display: grid; gap: 0; overflow: hidden; margin-top: 3.5rem; border: 1px solid var(--rl-line); border-radius: .9rem; background: #fff; box-shadow: 0 27px 55px rgb(13 27 42 / .12); }.rl-interview-column { padding: 1.15rem; background: #fafafb; }.rl-interview-status { display: grid; grid-template-columns: 2.2rem 1fr auto; gap: .65rem; align-items: center; padding: .25rem .15rem 1rem; }.rl-mic { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--rl-coral-pale); color: var(--rl-coral-dark); }.rl-mic svg { width: .9rem; }.rl-interview-status div { display: grid; gap: .12rem; }.rl-interview-status small, .rl-interview-question small { color: var(--rl-coral-dark); font-size: .48rem; font-weight: 850; letter-spacing: .11em; }.rl-interview-status b { color: #2d4d65; font-size: .73rem; }.rl-interview-status p { color: #8295a4; font-size: .55rem; }.rl-interview-status em { display: inline-flex; align-items: center; gap: .27rem; border: 1px solid #cce9d8; border-radius: 999px; background: #f0fcf6; padding: .27rem .39rem; color: #329464; font-size: .43rem; font-style: normal; font-weight: 850; }.rl-interview-status em i { width: .3rem; height: .3rem; border-radius: 50%; background: #35bb79; }.rl-interview-question { border: 1px solid var(--rl-line); border-radius: .55rem; background: #fff; padding: 1rem; }.rl-interview-question h3 { margin-top: .58rem; color: #294960; font-size: .87rem; line-height: 1.45; }.rl-interview-question button { display: inline-flex; align-items: center; gap: .35rem; margin-top: .9rem; padding-top: .7rem; border-top: 1px solid #e4e7ec; color: #637c90; font-size: .59rem; }.rl-interview-question button svg { width: .72rem; }
.rl-interview-guidance { margin-top: .75rem; border: 1px solid #dce6ed; border-radius: .55rem; background: #fff; padding: 1rem; }.rl-interview-guidance > p { color: var(--rl-coral-dark); font-size: .49rem; font-weight: 850; letter-spacing: .1em; }.rl-interview-guidance > span { display: inline-flex; margin-top: .62rem; border: 1px solid #ffcf9e; border-radius: .26rem; background: #fff8e9; padding: .25rem .4rem; color: #d77b24; font-size: .44rem; font-weight: 850; letter-spacing: .08em; }.rl-interview-guidance h4 { margin-top: .85rem; color: #466279; font-size: .56rem; }.rl-interview-guidance > div { margin-top: .34rem; color: #617a8d; font-size: .61rem; line-height: 1.55; }.rl-interview-guidance hr { margin: .8rem 0; border: 0; border-top: 1px solid #e2e9ee; }.rl-guidance-columns { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }.rl-guidance-columns section + section { border-left: 1px solid #e4ebef; padding-left: .8rem; }.rl-guidance-columns b { color: #24a36b; font-size: .44rem; letter-spacing: .08em; }.rl-guidance-columns section + section b { color: #dd753c; }.rl-guidance-columns ul { display: grid; gap: .36rem; margin-top: .48rem; padding: 0; list-style: none; }.rl-guidance-columns li { position: relative; padding-left: .58rem; color: #6d8291; font-size: .52rem; line-height: 1.35; }.rl-guidance-columns li::before { position: absolute; left: 0; color: #31ab71; content: '•'; }.rl-guidance-columns section + section li::before { color: #ef824d; }
.rl-transcript-column { min-width: 0; padding: 1.15rem; }.rl-transcript-column > header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; padding: .25rem .2rem 1rem; border-bottom: 1px solid #e1e9ee; }.rl-transcript-column > header p { color: var(--rl-coral-dark); font-size: .51rem; font-weight: 850; letter-spacing: .1em; }.rl-transcript-column > header span { display: block; margin-top: .28rem; color: #7e91a1; font-size: .59rem; }.rl-transcript-column > header b { border: 1px solid #cfead9; border-radius: 999px; background: #f0fbf5; padding: .32rem .48rem; color: #299463; font-size: .45rem; white-space: nowrap; }.rl-transcript-item { margin-top: .75rem; border-radius: .5rem; padding: .75rem .8rem; }.rl-transcript-item small { display: flex; gap: .4rem; color: #3277a7; font-size: .49rem; font-weight: 850; letter-spacing: .08em; }.rl-transcript-item small time { margin-left: auto; color: #9aacb9; font-weight: 700; letter-spacing: 0; }.rl-transcript-item p { margin-top: .45rem; color: #466178; font-size: .68rem; line-height: 1.55; }.rl-recruiter { border: 1px solid #d7e9f7; background: #f6fbff; }.rl-candidate { border: 1px solid #ffe0da; background: #fff9f8; }.rl-candidate small { color: var(--rl-coral-dark); }.rl-candidate button { display: inline-flex; align-items: center; gap: .25rem; margin-top: .48rem; color: var(--rl-coral-dark); font-size: .49rem; font-weight: 760; }.rl-candidate button svg { width: .62rem; }.rl-transcript-column > footer { display: flex; align-items: center; gap: .35rem; margin-top: .78rem; padding-top: .75rem; border-top: 1px solid #e1e9ee; color: #8496a5; font-size: .52rem; }.rl-transcript-column > footer svg { width: .65rem; color: #6e9ec0; }
.rl-copilot-notes { display: grid; gap: 1rem; margin-top: 1.2rem; }.rl-copilot-notes article { display: flex; gap: .65rem; padding: .4rem; }.rl-copilot-notes > article > svg { width: 1.05rem; flex: 0 0 auto; color: var(--rl-coral-dark); }.rl-copilot-notes div { display: grid; gap: .18rem; }.rl-copilot-notes b { color: #35546b; font-size: .7rem; }.rl-copilot-notes p { color: #738797; font-size: .62rem; line-height: 1.52; }

/* Process */
.rl-workflow { position: relative; overflow: hidden; padding: clamp(5.5rem, 10vw, 8.8rem) 0; background: radial-gradient(circle at 92% 13%, rgb(255 255 255 / .8) 0, transparent 19rem), #e9edf2; }.rl-workflow::before { position: absolute; bottom: -20rem; left: -18rem; width: 46rem; height: 46rem; border: 1px solid rgb(39 68 94 / .14); border-radius: 50%; box-shadow: 0 0 0 4.5rem rgb(255 255 255 / .17); content: ''; }.rl-workflow > div { position: relative; }.rl-workflow-header { max-width: 44rem; }.rl-workflow-header h2 { margin-top: 1rem; color: var(--rl-ink); font-size: clamp(2.25rem, 4.5vw, 4rem); font-weight: 760; letter-spacing: -.067em; line-height: 1.04; }.rl-workflow-header > p:last-child { max-width: 37rem; margin-top: 1.1rem; color: var(--rl-text); font-size: .93rem; line-height: 1.75; }.rl-workflow-header .rl-eyebrow { color: var(--rl-coral-dark); }.rl-workflow-header .rl-eyebrow > span { background: var(--rl-coral); box-shadow: 0 0 0 .28rem rgb(255 111 97 / .13); }.rl-workflow-board { overflow: hidden; margin-top: 3.3rem; border: 1px solid var(--rl-line); border-radius: .88rem; background: #fff; box-shadow: 0 24px 45px rgb(13 27 42 / .09); }.rl-board-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--rl-line); background: #fff; padding: .9rem 1.1rem; }.rl-board-header div { display: grid; gap: .16rem; }.rl-board-header div span { color: var(--rl-coral-dark); font-size: .49rem; font-weight: 850; letter-spacing: .11em; }.rl-board-header div b { color: #2b4c64; font-size: .78rem; }.rl-board-header small { display: inline-flex; align-items: center; gap: .32rem; border: 1px solid #d0ebdc; border-radius: 999px; background: #f1fcf6; padding: .34rem .48rem; color: #2d9464; font-size: .51rem; font-weight: 800; white-space: nowrap; }.rl-board-header small i { width: .34rem; height: .34rem; border-radius: 50%; background: #37bd7d; }.rl-workflow-steps { display: grid; gap: .65rem; margin: 0; padding: 1.1rem; list-style: none; }.rl-workflow-steps li { display: grid; grid-template-columns: 2.45rem minmax(0, 1fr) auto; gap: .7rem; align-items: center; border: 1px solid var(--rl-line); border-radius: .58rem; background: #fff; padding: .75rem; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }.rl-workflow-steps li:hover { z-index: 1; transform: translateX(.3rem); border-color: #d0d5dd; box-shadow: 0 10px 19px rgb(13 27 42 / .08); }.rl-workflow-icon { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .45rem; }.rl-workflow-icon svg { width: 1rem; }.rl-workflow-coral { background: #fff6f4; color: #e85c50; }.rl-workflow-blue { background: #eff6ff; color: #3478f6; }.rl-workflow-peach { background: #fff7e8; color: #c97713; }.rl-workflow-navy { background: #e9edf2; color: #27445e; }.rl-workflow-steps div:nth-child(2) { min-width: 0; }.rl-workflow-steps p { color: #8a9baa; font-size: .47rem; font-weight: 850; letter-spacing: .1em; }.rl-workflow-steps h3 { margin-top: .2rem; color: #35556c; font-size: .76rem; }.rl-workflow-steps span { display: block; margin-top: .2rem; color: #8193a1; font-size: .59rem; line-height: 1.45; }.rl-workflow-steps em { border-radius: 999px; background: #f1f3f5; padding: .28rem .42rem; color: #648095; font-size: .49rem; font-style: normal; font-weight: 780; white-space: nowrap; }.rl-workflow-board > footer { display: flex; align-items: center; gap: .45rem; border-top: 1px solid var(--rl-line); padding: .72rem 1.1rem; color: #718697; font-size: .6rem; }.rl-workflow-board > footer svg { width: .75rem; color: var(--rl-coral-dark); }

/* Closing and footer */
.rl-closing { position: relative; overflow: hidden; padding: clamp(3.5rem, 6vw, 5rem) 0; background: var(--rl-ink-2); }.rl-closing-pattern { position: absolute; top: -12rem; right: -11rem; width: 36rem; height: 36rem; border: 1px solid rgb(184 203 219 / .3); border-radius: 50%; box-shadow: 0 0 0 4rem rgb(184 203 219 / .08), 0 0 0 8rem rgb(184 203 219 / .04); }.rl-closing-inner { position: relative; display: grid; gap: 2rem; align-items: center; }.rl-closing .rl-eyebrow { color: #ffaaa2; }.rl-closing .rl-eyebrow > span { background: var(--rl-coral); box-shadow: 0 0 0 .28rem rgb(255 111 97 / .16); }.rl-closing h2 { max-width: 46rem; margin-top: .7rem; color: #fff; font-size: clamp(1.85rem, 3vw, 2.75rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.12; }.rl-closing p:not(.rl-eyebrow) { max-width: 34rem; margin-top: .65rem; color: #d0dbe4; font-size: .84rem; line-height: 1.65; }.rl-button-light { background: var(--rl-coral); color: #fff; box-shadow: none; }.rl-button-light:hover { background: var(--rl-coral-dark); }.rl-footer { background: #0a1d30; padding: 2.25rem 0; }.rl-footer > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.rl-footer img { width: auto; height: 1.75rem; filter: brightness(0) invert(1); }.rl-footer span { color: #a7b9c8; font-size: .68rem; }

/* Keep landing type close to the product UI: direct, compact and readable. */
.rl-feature-copy h2, .rl-copilot-intro h2, .rl-workflow-header h2 { font-size: clamp(2rem, 4vw, 3.45rem); font-weight: 700; letter-spacing: -.047em; line-height: 1.1; }
.rl-closing h2 { font-size: clamp(1.85rem, 3vw, 2.75rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.12; }

.rl-page [data-rl-reveal] { opacity: 0; transform: translateY(26px); }.rl-page [data-rl-reveal].is-visible { opacity: 1; transform: none; transition: opacity .7s ease, transform .7s cubic-bezier(.2,.75,.25,1); }
@keyframes rl-route { to { stroke-dashoffset: -160; } }

@media (min-width: 760px) {
  .rl-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(25rem, .96fr); }.rl-feature-grid { grid-template-columns: .82fr 1.18fr; }.rl-copilot-shell { grid-template-columns: minmax(20rem, .92fr) minmax(23rem, 1.08fr); }.rl-interview-column { border-right: 1px solid #dce6ed; }.rl-copilot-notes { grid-template-columns: repeat(3, 1fr); }.rl-closing-inner { grid-template-columns: 1fr auto; }.rl-stage-window { transform-origin: center; }
}
@media (max-width: 759px) {
  .rl-wrap { width: min(100% - 2rem, 73rem); }.rl-hero-copy h1 { font-size: clamp(2.45rem, 11vw, 3.4rem); }.rl-hero-stage { min-height: 26rem; margin-inline: auto; }.rl-stage-chat { left: 2%; }.rl-stage-candidate { right: 0; }.rl-stage-interview { left: 8%; }.rl-feature-copy h2, .rl-copilot-intro h2, .rl-workflow-header h2 { font-size: clamp(1.9rem, 9vw, 2.7rem); }.rl-closing h2 { font-size: clamp(1.8rem, 8vw, 2.3rem); }.rl-interview-status em { display: none; }.rl-footer > div { flex-direction: column; align-items: flex-start; }.rl-copilot-notes { gap: .35rem; }.rl-feature { padding: 5rem 0; }.rl-workflow-steps li { grid-template-columns: 2.3rem minmax(0, 1fr); }.rl-workflow-steps em { display: none; }
}
@media (max-width: 440px) {
  .rl-stage-chat { width: 15.7rem; }.rl-stage-candidate { width: 12.7rem; }.rl-stage-interview { width: 16.3rem; }.rl-stage-chip { font-size: .47rem; }.rl-chip-one { right: 0; }.rl-interview-column, .rl-transcript-column { padding: .8rem; }.rl-guidance-columns { gap: .55rem; }.rl-guidance-columns section + section { padding-left: .55rem; }
}
@media (prefers-reduced-motion: reduce) {
  .rl-stage-lines path { animation: none; }.rl-page [data-rl-reveal] { opacity: 1; transform: none; }.rl-button, .rl-workflow-steps li { transition: none; }
}