/* Public landing: the hero's second CTA opens an explanation of both interview modes. */
html:has(.rl-page){scrollbar-gutter:stable}
html.rl-explainer-open{overflow:hidden}
.rl-hero__actions button.rl-button{font-family:inherit;cursor:pointer}
.rl-page dialog.rl-explainer{box-sizing:border-box;position:fixed;inset:0;width:min(1024px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:hidden;border:1px solid #d6e0ec;border-radius:18px;background:#fff;color:#0b1946;font-family:Inter,Arial,sans-serif;box-shadow:0 24px 80px #03172e38}
.rl-page .rl-explainer:not([open]){display:none}
.rl-page .rl-explainer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.rl-explainer::backdrop{background:rgba(5,24,49,.68);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.rl-page .rl-explainer__close{position:absolute;z-index:1;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:#0b1946;cursor:pointer}
.rl-explainer__close .icon{width:24px;height:24px}
.rl-page .rl-explainer__close:hover{background:#e8f7f4}
.rl-explainer__heading{padding:44px 44px 0;text-align:center}
.rl-page .rl-explainer__heading h2{margin:0;color:#0b1946;font-size:clamp(32px,3.1vw,48px);font-weight:750;line-height:1.15;letter-spacing:-.045em}
.rl-explainer__heading h2>span{color:#00c7ad}
.rl-page .rl-explainer__heading p{margin:12px 0 0;color:#4e6487;font-size:21px;line-height:1.45}
.rl-explainer__content{display:grid;grid-template-columns:1.18fr 1fr;gap:32px;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:40px;padding:0 44px 28px;scrollbar-width:thin}
.rl-explainer__content>section{min-width:0}
.rl-explainer__content>section+section{padding-left:32px;border-left:1px solid #dce4ed}
.rl-page .rl-explainer__content h3{margin:0 0 14px;font-size:27px;line-height:1.25;font-weight:750;letter-spacing:-.035em;color:#0b1946}
.rl-page .rl-explainer__content p{margin:0 0 14px;color:#33496c;font-size:18px;line-height:1.5}
.rl-page .rl-explainer__content p:last-child{margin-bottom:0}
.rl-page .rl-explainer__content .rl-explainer__human{margin-top:0;margin-bottom:22px;color:#007d7b;font-size:20px;letter-spacing:-.025em}
.rl-page .rl-explainer__content .rl-explainer__decision{color:#0b1946;font-size:19px;font-weight:750}
.rl-explainer__footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0 44px;padding:18px 0 32px;border-top:1px solid #d4dfea;background:#fff}
.rl-explainer__footer .rl-button{min-height:50px;padding:12px 24px;font:700 14px/1.4 Inter,Arial,sans-serif;cursor:pointer}
.rl-explainer__footer .rl-button--outline{border-color:#17375c;color:#0b1946!important;background:#fff;box-shadow:0 2px 6px #0928490b}
.rl-explainer__footer .rl-button--teal{color:#fff;background:linear-gradient(110deg,#008b87,#007c79);gap:18px}
.rl-explainer__footer .rl-button:hover{transform:none;box-shadow:0 4px 12px #09284916}
@media(max-width:700px){
 .rl-page dialog.rl-explainer{width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
 .rl-explainer__heading{padding:66px 22px 0}
 .rl-page .rl-explainer__heading h2{font-size:32px}
 .rl-page .rl-explainer__heading p{font-size:17px}
 .rl-explainer__content{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:28px;padding:0 22px 24px}
 .rl-explainer__content>section+section{padding:24px 0 0;border-left:0;border-top:1px solid #dce4ed}
 .rl-page .rl-explainer__content h3{font-size:23px}
 .rl-page .rl-explainer__content p{font-size:16px}
 .rl-page .rl-explainer__content .rl-explainer__human,.rl-page .rl-explainer__content .rl-explainer__decision{font-size:17px}
 .rl-explainer__footer{display:grid;grid-template-columns:.7fr 1.6fr;gap:10px;margin:0;padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-shadow:0 -4px 16px #09284908}
 .rl-explainer__footer .rl-button{min-width:0;padding:12px 10px;gap:10px;white-space:normal}
}