/* An unlisted launch-video page, using the site's existing type and palette. */
.jobs-page {color-scheme:light}
.jobs-wrap {width:calc(100% - 112px);max-width:1320px;margin-inline:auto}
.jobs-hero {padding-block:46px 48px}
.jobs-page h1 {font:400 clamp(64px,7vw,100px)/1.02 var(--ab-serif);letter-spacing:-.035em}
.jobs-hero-copy>p,.jobs-reveal-heading>p {margin-top:27px;color:#526374;font:400 16px/1.85 var(--ab-body);max-width:700px}
.jobs-section-head {display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:21px}
.jobs-page .jobs-section-head h2 {font:500 16px/1.5 var(--ab-sans);letter-spacing:-.2px}
.jobs-section-head>p {color:var(--ab-slate);font:400 12px/1.6 var(--ab-sans)}
.jobs-roles {border-top:1px solid var(--ab-rule)}
.jobs-page .jobs-role {display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:40px;align-items:center;padding-block:28px;border-bottom:1px solid var(--ab-rule);text-decoration:none}
.jobs-role:hover h3 {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.jobs-page .jobs-role h3 {font:500 22px/1.4 var(--ab-sans);letter-spacing:-.5px}
.jobs-role p {max-width:660px;color:var(--ab-slate);font:400 14px/1.75 var(--ab-body);margin-top:6px}
.jobs-rate {font:400 25px/1.2 var(--ab-sans);letter-spacing:-.7px;white-space:nowrap}
.jobs-rate>span {font:400 12px/1 var(--ab-sans);letter-spacing:0;color:var(--ab-slate);margin-left:4px}
.jobs-role-arrow {font:400 23px/1 var(--ab-sans);justify-self:end}
.jobs-adults {font:400 11px/1.7 var(--ab-sans);color:var(--ab-slate);padding-top:21px}
.jobs-footer {display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--ab-slate);font:400 11px/1.5 var(--ab-sans);padding-block:64px 28px}
.jobs-page .jobs-footer a {text-decoration:underline;text-underline-offset:3px}
.jobs-reveal {padding-top:12px}
.jobs-back {border:0;background:none;padding:0;margin-bottom:24px;color:var(--ab-slate);font:400 12px/1.7 var(--ab-sans)}
.jobs-back:hover {color:var(--ab-navy)}
.jobs-reveal-heading {max-width:none}
.jobs-product-grid {display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:50px;align-items:start;margin-top:24px}
.jobs-product-copy {max-width:none;display:grid;gap:22px}
.jobs-product-copy section+section {margin:0}
.jobs-page .jobs-product-copy h2 {font:400 clamp(32px,2.8vw,40px)/1.08 var(--ab-serif);letter-spacing:-.025em}
.jobs-product-copy section>p {max-width:460px;font:400 16px/1.75 var(--ab-body);color:#526374;margin-top:10px}
.jobs-page .jobs-button {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 25px;background:var(--ab-navy);color:white;border-radius:6px;font:500 14px/1.4 var(--ab-sans);margin-top:32px}
.jobs-button:hover {background:#254766}
.jobs-product-note {color:var(--ab-slate);font:400 10px/1.7 var(--ab-sans);margin-top:19px}
.jobs-product-phones {min-width:0;width:100%;margin:0}
@media(max-width:1199px){
  .jobs-wrap {width:calc(100% - 64px)}
}
@media(min-width:701px) and (max-width:1100px){
  .jobs-product-grid {grid-template-columns:1fr;gap:38px}
  .jobs-product-copy {grid-template-columns:1fr 1fr;gap:40px}
  .jobs-product-phones {max-width:980px;margin-inline:auto}
  .jobs-product-copy section+section {margin:0}
}
@media(max-width:700px){
  .jobs-wrap {width:calc(100% - 40px)}
  .jobs-hero {padding-block:32px 36px}
  .jobs-page h1 {font-size:clamp(52px,10.7vw,74px)}
  .jobs-hero-copy>p,.jobs-reveal-heading>p {font-size:14px;margin-top:23px}
  .jobs-section-head {display:block;padding-bottom:19px}
  .jobs-section-head>p {font-size:11px;margin-top:9px;max-width:340px}
  .jobs-page .jobs-role {grid-template-columns:minmax(0,1fr) auto;gap:13px 20px;padding-block:24px}
  .jobs-role>div {grid-column:1/-1}
  .jobs-page .jobs-role h3 {font-size:20px}
  .jobs-role p {max-width:none;font-size:13px}
  .jobs-rate {font-size:23px}
  .jobs-role-arrow {font-size:22px;min-width:28px;text-align:right}
  .jobs-footer {padding-top:44px}
  .jobs-reveal {padding-top:22px}
  .jobs-back {margin-bottom:29px}
  .jobs-product-grid {grid-template-columns:1fr;gap:30px;margin-top:36px}
  .jobs-product-copy {max-width:none;grid-template-columns:1fr;gap:29px}
  .jobs-product-copy section+section {margin:0}
  .jobs-product-copy section>p {font-size:15px}
  .jobs-product-phones {margin-top:0}
  .jobs-product-phones .ap-demo-label {white-space:normal;font-size:9px}
}
@media(prefers-reduced-motion:reduce){html {scroll-behavior:auto}}
.jobs-page .ab-skip:not(:focus) {clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}

@media(min-width:701px) and (max-width:1100px){.jobs-hero h1 {font-size:clamp(58px,6.7vw,78px)}}

/* Four illustrated stages read left to right, with a return path below. */
.jobs-rlhf {margin:36px 0 0;min-width:0;width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bac9d5 transparent;padding-bottom:6px}
.jobs-rlhf figcaption {font:400 12px/1.6 var(--ab-sans);color:#526374;margin-bottom:18px}
.jobs-rlhf-loop {position:relative;min-width:920px;padding-bottom:30px}
.jobs-rlhf-flow {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.jobs-rlhf-flow li {position:relative;padding:20px 18px 23px;border:1px solid #cdd8e1;border-radius:5px;background:#f8f9f9;min-height:208px;display:flex;flex-direction:column;align-items:center;text-align:center}
.jobs-rlhf-flow li:first-child {background:#edf3f8}
.jobs-page .jobs-rlhf-flow h2 {font:500 16px/1.35 var(--ab-sans);letter-spacing:-.2px}
.jobs-rlhf-flow p {font:400 11px/1.65 var(--ab-sans);color:#667786;margin-top:7px;max-width:190px}
.jobs-rlhf-sketch {width:130px;height:75px;flex:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:0 0 18px}
.rlhf-network-lines {opacity:.4}
.rlhf-network-nodes circle,.jobs-rlhf-flow li:nth-child(3) circle {fill:#f8f9f9}
.jobs-rlhf-flow li:not(:last-child)::after {content:"";position:absolute;width:28px;height:1px;top:50%;left:100%;background:#9badbd}
.jobs-rlhf-flow li:not(:last-child)::before {content:"";position:absolute;right:-28px;top:calc(50% - 3px);width:6px;height:6px;border-right:1px solid #9badbd;border-top:1px solid #9badbd;transform:rotate(45deg);z-index:1}
.jobs-rlhf-flow li:last-child {background:#0c2340;border-color:#0c2340;color:#fff}
.jobs-rlhf-flow li:last-child p {color:#c2cfdd}
.jobs-rlhf-return {position:absolute;left:calc((100% - 84px)/8);right:calc((100% - 84px)/8);bottom:0;height:30px;border:1px solid #9badbd;border-top:0;border-radius:0 0 6px 6px}
.jobs-rlhf-return::after {content:"";position:absolute;left:-4px;top:-1px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:6px solid #9badbd}
@media(max-width:700px){.jobs-rlhf {margin-top:28px}.jobs-rlhf figcaption {font-size:11px}.jobs-rlhf-flow li {min-height:208px}.jobs-rlhf-sketch {width:120px}}
.jobs-hero-copy {display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:end}
.jobs-hero-copy>p {max-width:400px;margin:0 0 9px}
@media(max-width:700px){.jobs-hero-copy {display:block}.jobs-hero-copy>p {margin:23px 0 0}}

/* A consistent spacing rhythm for the product reveal. */
.jobs-reveal {max-width:980px;margin-inline:auto;padding-top:24px}
.jobs-back {margin-bottom:32px}
.jobs-reveal-heading>p {max-width:29em;margin-top:24px;line-height:1.75;text-wrap:balance}
.jobs-product-grid {margin-top:40px}
.jobs-product-copy {gap:36px}
.jobs-product-copy section>p {max-width:28em;margin-top:16px;line-height:1.75;text-wrap:balance}
#jobs-reveal .ap-demo-label {display:none}
.jobs-page .fp-access {margin-top:48px}
.jobs-page .fp-access-section {border:0;padding:0;gap:32px}
.jobs-page .fp-access-section+.fp-access-section {margin-top:48px}
.jobs-page .fp-access-copy>p {max-width:28em;margin-top:24px;text-wrap:balance}
.jobs-page .fp-access-logos,.jobs-page .fp-access-stats {margin-top:32px}
.jobs-page .jobs-product-cta {border:0;padding:56px 0 8px;justify-content:center;text-align:center}
@media(min-width:1101px){
  .jobs-product-grid {grid-template-columns:minmax(0,1fr) 496px;gap:24px}
  .jobs-reveal-heading {max-width:calc(100% - 520px)}
  .jobs-reveal-heading h1 {font-size:clamp(58px,4.7vw,64px)}
  .jobs-product-phones {align-self:start;margin-top:-180px}
  .jobs-page .fp-access-section {grid-template-columns:minmax(0,1fr) 496px;gap:24px}
  .jobs-page .fp-access-section--ai {grid-template-columns:496px minmax(0,1fr)}
  /* Keep the native device proportions while leaving a clear lane for the stagger. */
  .jobs-reveal [data-phone-pair] {width:548px;zoom:calc(496 / 548);translate:28px 0}
  .jobs-reveal .fp-access-section--ai [data-phone-pair] {translate:-28px 0}
  .jobs-page .fp-access {margin-top:-120px}
  .jobs-page .fp-access-section+.fp-access-section {margin-top:-64px}
}
@media(max-width:700px){
  .jobs-reveal {padding-top:28px}
  .jobs-product-grid {margin-top:40px;gap:36px}
  .jobs-product-copy {gap:32px}
  .jobs-product-copy section>p,.jobs-page .fp-access-copy>p {text-wrap:balance}
  .jobs-page .fp-access,.jobs-page .fp-access-section+.fp-access-section {margin-top:32px}
  .jobs-page .fp-access-section {gap:32px}
  .jobs-page .jobs-product-cta {align-items:center;padding-top:40px}
}
/* 2026-11-06: on phone the four steps stack with arrows down, instead of a strip cut off at the edge. */
@media(max-width:700px){.jobs-rlhf {overflow-x:visible}.jobs-rlhf-loop {min-width:0;padding-bottom:0}.jobs-rlhf-flow {grid-template-columns:1fr;gap:30px}.jobs-rlhf-flow li {min-height:0}.jobs-rlhf-flow li:not(:last-child)::after {left:50%;top:100%;width:1px;height:30px}.jobs-rlhf-flow li:not(:last-child)::before {right:auto;left:calc(50% - 3px);top:calc(100% + 22px);transform:rotate(135deg)}.jobs-rlhf-return {display:none}}
