/* Career page additions (2026-10-23): hiring steps, reviews, response-time note after applying. */

/* ---------- How hiring works ---------- */
.hire-steps{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:48px;padding-block:80px 24px;align-items:start}
.hire-steps-intro h2{font-size:clamp(30px,3.3vw,44px);font-weight:500;line-height:1.12}
.hire-steps-intro p{margin-top:18px;font-size:16px;line-height:1.65;color:#52604f;max-width:38ch}
.hire-steps-photo{margin-top:28px;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--soft)}
.hire-steps-photo img{width:100%;height:100%;object-fit:cover}
.hire-steps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hire-steps-list li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:6px;align-content:start;padding:22px 22px 24px;background:var(--white);border-radius:16px}
.hire-step-num{grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--ink);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}
.hire-steps-list strong{font-size:16px;font-weight:600;line-height:1.3;color:var(--ink);padding-top:2px}
.hire-steps-list li>span:last-child{font-size:14px;line-height:1.5;color:var(--muted)}
.hire-steps-list .hire-step-final{background:var(--ink)}
.hire-step-final .hire-step-num{background:var(--lime)}
.hire-step-final strong{color:#fff}
.hire-steps-list .hire-step-final>span:last-child{color:#c9d8c2}

/* ---------- Reviews ---------- */
.reviews{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:48px;align-items:center;padding-block:8px 72px}
.reviews-intro h2{font-size:clamp(30px,3.3vw,44px);font-weight:500;line-height:1.12}
.reviews-intro p{margin-top:18px;font-size:16px;line-height:1.65;color:#52604f;max-width:38ch}
.reviews-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.review-card{display:flex;flex-direction:column;gap:10px;padding:26px 26px 22px;background:var(--white);border-radius:16px;color:var(--text);transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .2s}
.review-card:hover{transform:translateY(-3px);background:#fbfdf9}
.review-source{align-self:flex-start;padding:6px 14px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:500;color:var(--ink)}
.review-score{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--ink)}
.review-score b{font-size:44px;line-height:1;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.review-score .icon{width:26px;height:26px;fill:#f2b705;stroke:#f2b705}
.review-score span{font-size:14px;color:var(--muted);align-self:flex-end;padding-bottom:5px}
.review-note{font-size:14px;line-height:1.5;color:var(--muted);min-height:3em}
.review-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:14px;font-weight:500;color:var(--ink)}
.review-cta .icon{width:18px;height:18px;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.review-card:hover .review-cta .icon{transform:translate(2px,-2px)}

/* ---------- After the application is sent ---------- */
.success-eta{display:flex;gap:14px;align-items:flex-start;margin:20px 0 24px;padding:16px 18px;border-radius:12px;background:var(--soft);color:var(--ink)}
.success-eta>.icon{margin-top:1px;color:var(--green)}
.success-eta strong{display:block;font-size:15px;font-weight:600;line-height:1.35}
.success-eta span{display:block;margin-top:6px;font-size:13px;line-height:1.55;color:#52604f}
.success-eta a{color:var(--ink);font-weight:500;white-space:nowrap;text-decoration:underline;text-decoration-color:var(--line)}

@media(max-width:1100px){
  .hire-steps,.reviews{grid-template-columns:1fr;gap:28px}
  .hire-steps-intro p,.reviews-intro p{max-width:60ch}
  .hire-steps-photo{display:none}
}
@media(max-width:760px){
  .hire-steps{padding-block:56px 16px}
  .hire-steps-list,.reviews-cards{grid-template-columns:1fr}
  .hire-steps-list li{padding:18px 18px 20px}
  .reviews{padding-block:0 56px}
  .review-card{padding:22px 20px 20px}
  .review-score b{font-size:38px}
  .review-note{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .review-card,.review-cta .icon{transition:none}
}

/* ---------- MAX chat as an alternative to the form ---------- */
.max-alt{margin-top:16px}
.max-alt-or{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;font-weight:500;color:var(--muted);text-transform:none}
.max-alt-or::before,.max-alt-or::after{content:"";flex:1;height:1px;background:var(--line)}
.max-button{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 18px 12px 12px;border-radius:12px;background:var(--white);border:1px solid var(--line);color:var(--ink);transition:border-color .2s,background-color .2s,transform .2s cubic-bezier(.16,1,.3,1)}
.max-button:hover{border-color:#7b5cff;background:#faf8ff;transform:translateY(-1px)}
.max-button:active{transform:scale(.99)}
.max-button:not([href]){cursor:default}
.max-logo{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#3a8bff 0%,#7b4dff 60%,#b14dff 100%);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em}
.max-button-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.max-button-text strong{font-size:15px;font-weight:600;line-height:1.25}
.max-button-text span{font-size:12px;color:var(--muted);line-height:1.35}
.max-button>.icon{margin-left:auto;width:18px;height:18px;color:var(--muted)}

/* ---------- FAQ ---------- */
.faq{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:48px;align-items:start;padding-block:8px 80px}
.faq-intro h2{font-size:clamp(30px,3.3vw,44px);font-weight:500;line-height:1.12}
.faq-intro p{margin-top:18px;font-size:16px;line-height:1.65;color:#52604f;max-width:38ch}
.faq-intro a{color:var(--ink);white-space:nowrap;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--white);border-radius:14px;overflow:hidden}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:16px 22px;list-style:none;cursor:pointer;font-size:16px;font-weight:600;line-height:1.35;color:var(--ink);border-radius:14px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .icon{width:18px;height:18px;color:var(--muted);transform:rotate(90deg);transition:transform .25s cubic-bezier(.16,1,.3,1)}
.faq-item[open] summary .icon{transform:rotate(-90deg)}
.faq-item.is-closing summary .icon{transform:rotate(90deg)}
.faq-item summary:hover{color:var(--green)}
.faq-item p{padding:0 22px 20px;font-size:15px;line-height:1.6;color:#52604f;max-width:62ch}
@media(max-width:1100px){.faq{grid-template-columns:1fr;gap:24px}.faq-intro p{max-width:60ch}}
@media(max-width:760px){.faq{padding-block:0 56px}.faq-item summary{padding:14px 18px;font-size:15px}.faq-item p{padding:0 18px 18px}}
@media(prefers-reduced-motion:reduce){.faq-item summary .icon{transition:none}}

/* FAQ contacts: phone, MAX, e-mail */
.faq-contacts{display:flex;flex-direction:column;gap:8px;margin-top:22px;max-width:340px}
.faq-contact{display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 16px 10px 10px;border-radius:12px;background:var(--white);color:var(--ink);transition:background-color .2s,transform .2s cubic-bezier(.16,1,.3,1)}
.faq-contact[href]:hover{background:#fbfdf9;transform:translateX(3px)}
.faq-contact:not([href]){cursor:default}
.faq-contact>span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}
.faq-contact strong{font-size:15px;font-weight:600;line-height:1.3}
.faq-contact>span:last-child>span{font-size:12px;color:var(--muted);line-height:1.35}
.faq-contact-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--soft);color:var(--green)}
.faq-contact-icon .icon{width:19px;height:19px}
.faq-contact-max:hover{background:#faf8ff}
@media(max-width:1100px){.faq-contacts{flex-direction:row;flex-wrap:wrap;max-width:none}.faq-contact{flex:1 1 240px}}
@media(max-width:760px){.faq-contacts{flex-direction:column}.faq-contact{flex:none}}
.faq-intro .faq-contact{text-decoration:none;white-space:normal}