/* BP7 Experience Pages · UX refinement 1.9.8.8 */
.bp7-experience-page{background:#080808;color:#fff}
.bp7-experience-page .xp-intro{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  align-items:start;
  padding:clamp(100px,9vw,148px) 0;
}
.bp7-experience-page .xp-intro>.bp7-kicker{display:block;padding:0;max-width:none;margin:0 0 30px}
.bp7-experience-page .xp-intro h2{
  font-size:clamp(54px,5.9vw,92px);
  line-height:.94;
  letter-spacing:-.064em;
  max-width:15.5ch;
  margin:0 0 42px;
  text-wrap:balance;
}
.bp7-experience-page .xp-intro p{
  font-size:clamp(20px,1.55vw,24px);
  line-height:1.62;
  color:#bdbdbd;
  max-width:760px;
  margin:0;
  padding:0;
  text-wrap:pretty;
}
.bp7-experience-page .xp-hero .xp-dek{max-width:28em;text-wrap:pretty}
.bp7-experience-page .xp-offers-head h2,.bp7-experience-page .xp-bridge h2,.bp7-experience-page .xp-cta h2{text-wrap:balance}
.bp7-experience-page .xp-item p{text-wrap:pretty}
.bp7-experience-page .bp7-back,
.bp7-experience-page .bp7-back:visited,
.bp7-experience-page .xp-next,
.bp7-experience-page .xp-next:visited,
.bp7-experience-page .xp-cta a,
.bp7-experience-page .xp-cta a:visited{color:#fff!important;text-decoration:none}
.bp7-experience-page .xp-next{border-bottom:1px solid rgba(255,255,255,.85);transition:opacity .2s ease,border-color .2s ease}
.bp7-experience-page .xp-next:hover{opacity:.72;border-color:#fff}
.bp7-experience-page .xp-cta{padding-top:clamp(100px,9vw,142px)}
.bp7-experience-page .xp-cta .xp-cta-kicker{display:block;max-width:38ch;margin-bottom:22px;color:#a7a7ad}
.bp7-experience-page .xp-cta .xp-talk-cta{
  min-height:50px;
  padding:0 20px;
  border:1px solid var(--bp7-blue)!important;
  background:var(--bp7-blue);
  color:#fff!important;
  align-items:center;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.bp7-experience-page .xp-cta .xp-talk-cta:hover{background:#fff;color:#080808!important;border-color:#fff!important;transform:translateY(-1px)}

/* Conversation modal */
body.xp-modal-open{overflow:hidden}
.xp-conversation-modal{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:28px;background:rgba(0,0,0,.76);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .25s ease}
.xp-conversation-modal.open{opacity:1;pointer-events:auto}
.xp-conversation-dialog{width:min(1160px,100%);max-height:calc(100svh - 56px);overflow:auto;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);background:#f1efea;color:#111;border:1px solid rgba(255,255,255,.14);transform:translateY(18px) scale(.988);transition:transform .3s cubic-bezier(.2,.7,.2,1);box-shadow:0 40px 120px rgba(0,0,0,.4)}
.xp-conversation-modal.open .xp-conversation-dialog{transform:none}
.xp-conversation-intro{background:var(--bp7-blue);color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:space-between;min-height:680px}
.xp-conversation-intro h2{font-size:clamp(48px,4.8vw,76px);line-height:.9;letter-spacing:-.07em;margin:20px 0 24px;max-width:7.5ch;text-transform:uppercase}
.xp-conversation-intro p{font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.35;max-width:20ch;margin:0;opacity:.9}
.xp-conversation-intro small{font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.72}
.xp-conversation-form-wrap{padding:44px 50px 42px;position:relative}
.xp-conversation-close{position:absolute;right:18px;top:16px;border:0;background:transparent;color:#111;text-transform:uppercase;letter-spacing:.13em;font-size:10px;cursor:pointer;padding:12px}
.xp-conversation-form-head{padding-right:78px;margin-bottom:30px}
.xp-conversation-form-head span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#666;font-weight:700}
.xp-conversation-form-head h3{font-size:clamp(32px,3.2vw,48px);line-height:1;letter-spacing:-.05em;margin:12px 0 0}
.xp-lead-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px}
.xp-form-field{display:grid;gap:7px}
.xp-form-field.full,.xp-lgpd,.xp-submit-row,.xp-form-status{grid-column:1/-1}
.xp-form-field label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#666}
.xp-form-field input,.xp-form-field textarea{width:100%;border:0;border-bottom:1px solid #bdbbb5;background:transparent;color:#111;padding:12px 0 13px;border-radius:0;outline:none;font:inherit}
.xp-form-field textarea{min-height:104px;resize:vertical;line-height:1.5}
.xp-form-field input:focus,.xp-form-field textarea:focus{border-color:var(--bp7-blue)}
.xp-lgpd{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.45;color:#5d5d5d}
.xp-lgpd input{margin-top:3px;accent-color:var(--bp7-blue)}
.xp-lgpd a,.xp-lgpd a:visited{color:#111;text-decoration:underline;text-underline-offset:3px}
.xp-submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:4px}
.xp-submit{min-height:52px;padding:0 22px;border:0;background:#080808;color:#fff;text-transform:uppercase;letter-spacing:.13em;font-size:11px;cursor:pointer;transition:background .2s ease}
.xp-submit:hover{background:var(--bp7-blue)}
.xp-form-status{font-size:12px;color:#666;min-height:18px}
.xp-conversation-success{display:none;padding-top:58px}.xp-conversation-success.active{display:block}.xp-conversation-success .mark{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--bp7-blue);font-weight:700}.xp-conversation-success h3{font-size:clamp(40px,4vw,62px);line-height:.95;letter-spacing:-.06em;margin:16px 0}.xp-conversation-success p{font-size:17px;line-height:1.6;color:#555;max-width:500px}.xp-success-close{margin-top:22px;min-height:48px;padding:0 18px;border:1px solid #111;background:transparent;text-transform:uppercase;letter-spacing:.12em;font-size:11px;cursor:pointer}

@media(max-width:1180px){
  .bp7-experience-page .xp-intro h2{font-size:clamp(50px,5.7vw,80px);max-width:14.5ch}
  .bp7-experience-page .xp-intro p{font-size:20px;max-width:720px}
}
@media(max-width:940px){
  .bp7-experience-page .xp-intro{padding:82px 0}
  .bp7-experience-page .xp-intro>.bp7-kicker{margin-bottom:22px}
  .bp7-experience-page .xp-intro h2{max-width:13ch;font-size:clamp(48px,9vw,76px);margin-bottom:28px}
  .bp7-experience-page .xp-intro p{max-width:38em;font-size:19px}
  .xp-conversation-dialog{grid-template-columns:1fr;max-height:100svh;height:100%}.xp-conversation-modal{padding:0;place-items:stretch}.xp-conversation-intro{min-height:auto;padding:82px 26px 32px}.xp-conversation-intro h2{max-width:8ch}.xp-conversation-form-wrap{padding:32px 26px 42px}.xp-conversation-close{position:fixed;right:10px;top:8px;background:rgba(0,0,0,.18);color:#fff;z-index:3}
}
@media(max-width:620px){
  .bp7-experience-page .xp-intro{padding:68px 0}.bp7-experience-page .xp-intro>.bp7-kicker{margin-bottom:18px}.bp7-experience-page .xp-intro h2{font-size:clamp(42px,12vw,62px);margin-bottom:24px}.bp7-experience-page .xp-intro p{font-size:18px;line-height:1.58}.bp7-experience-page .xp-cta .xp-talk-cta{width:100%;justify-content:center}
  .xp-lead-form{grid-template-columns:1fr}.xp-form-field.full,.xp-lgpd,.xp-submit-row,.xp-form-status{grid-column:1}.xp-submit-row{align-items:stretch;flex-direction:column}.xp-submit{width:100%}
}
