.whx-experience{
  --whx-left:290px;
  --whx-min-height:100vh;
  --whx-topbar-height:64px;
  --whx-sticky-top:0px;
  --whx-mobile-nav-extra:0px;
  --whx-topbar-pad-top:10px;
  --whx-topbar-pad-right:24px;
  --whx-topbar-pad-bottom:10px;
  --whx-topbar-pad-left:24px;
  --whx-ink:#171717;
  --whx-muted:#77736d;
  --whx-line:#e5e2dd;
  --whx-sidebar-bg:#f7f6f3;
  --whx-pad-top:26px;
  --whx-pad-right:24px;
  --whx-pad-bottom:22px;
  --whx-pad-left:24px;
  min-height:var(--whx-min-height);
  background:#f3f2ef;
  color:var(--whx-ink);
  box-sizing:border-box;
  border:0 solid transparent;
  border-radius:0;
  overflow:visible;
  position:relative;
}
.whx-experience *, .whx-experience *::before, .whx-experience *::after{box-sizing:border-box;}
.whx-experience.whx-no-topbar{--whx-topbar-height:0px;}
.whx-experience a,.whx-experience button{-webkit-tap-highlight-color:transparent;}
.whx-experience button,.whx-experience a{text-decoration:none;}

/* TOP APP HEADER ------------------------------------------------------- */
.whx-topbar{
  min-height:var(--whx-topbar-height);
  width:calc(100% - var(--whx-left));
  display:flex;
  align-items:center;
  position:absolute;
  top:0;
  left:var(--whx-left);
  width:calc(100% - var(--whx-left));
  z-index:90;
  padding:var(--whx-topbar-pad-top) 0 var(--whx-topbar-pad-bottom);
  background:#fbfaf8;
  border-bottom:1px solid var(--whx-line);
  border-top-left-radius:inherit;
  border-top-right-radius:inherit;
}
.whx-topbar__content{
  min-width:0;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-left:var(--whx-topbar-pad-left);
  padding-right:var(--whx-topbar-pad-right);
}
.whx-topnav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  max-width:100%;
  padding:3px;
  background:#f0eeea;
  border:0 solid transparent;
  border-radius:12px;
}
.whx-topnav__item{
  -webkit-appearance:none !important;
  appearance:none !important;
  border:0 solid transparent;
  margin:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  font-family:inherit;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  padding:7px 14px;
  border-radius:9px;
  background:transparent;
  color:#5d5a55;
  font-size:12px;
  line-height:1.1;
  font-weight:500;
  white-space:nowrap;
  outline:none !important;
  text-transform:none;
  min-height:0;
  min-width:0;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.whx-topnav__item:hover,
.whx-topnav__item:focus,
.whx-topnav__item:focus-visible,
.whx-topnav__item:active{
  box-shadow:none !important;
  outline:none !important;
  transform:none;
}
.whx-topnav__item:hover,.whx-topnav__item:focus-visible{color:#171717;}
.whx-topnav__item.is-active{background:#fff;color:#171717;}

/* TWO-PANEL APP BODY --------------------------------------------------- */
.whx-body{
  display:grid;
  grid-template-columns:minmax(0,var(--whx-left)) minmax(0,1fr);
  min-height:var(--whx-min-height);
  align-items:stretch;
  overflow:visible;
}

/* LEFT JOURNEY SIDEBAR ------------------------------------------------- */
.whx-left{
  min-width:0;
  position:relative;
  z-index:120;
  align-self:stretch;
  background:var(--whx-sidebar-bg);
  border-right:1px solid var(--whx-line);
  border-bottom-left-radius:inherit;
}
.whx-left__inner{
  height:calc(100vh - var(--whx-sticky-top));
  min-height:min(var(--whx-min-height),calc(100vh - var(--whx-sticky-top)));
  max-height:calc(100vh - var(--whx-sticky-top));
  position:sticky;
  top:var(--whx-sticky-top);
  display:flex;
  flex-direction:column;
  padding:var(--whx-pad-top) var(--whx-pad-right) var(--whx-pad-bottom) var(--whx-pad-left);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.whx-left__inner::-webkit-scrollbar{width:0;height:0;display:none;}

/* LOGO ---------------------------------------------------------------- */
.whx-brand-card{
  flex:0 0 auto;
  min-width:0;
  margin:0 0 42px;
  padding:0;
  background:transparent;
  border:0 solid transparent;
  border-radius:0;
}
.whx-brand__logo{margin:0;line-height:0;}
.whx-brand__logo-link{
  display:inline-flex;
  line-height:0;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.whx-brand__logo-link:focus-visible{outline:1px solid currentColor;outline-offset:4px;}
.whx-brand__logo img{display:block;width:58px;max-width:100%;height:auto;object-fit:contain;object-position:left center;}

/* JOURNEY -------------------------------------------------------------- */
.whx-chat-card{
  --whx-chat-pad-top:0px;
  --whx-chat-pad-right:0px;
  --whx-chat-pad-bottom:0px;
  --whx-chat-pad-left:0px;
  --whx-choice-pad-right:13px;
  --whx-choice-pad-left:13px;
  flex:0 0 auto;
  min-width:0;
  position:relative;
  padding:var(--whx-chat-pad-top) var(--whx-chat-pad-right) var(--whx-chat-pad-bottom) var(--whx-chat-pad-left);
  background:transparent;
  border:0 solid transparent;
  border-radius:0;
}
.whx-chat{min-width:0;}
.whx-progress{height:1px;background:rgba(0,0,0,.08);width:100%;margin:0 0 22px;overflow:hidden;}
.whx-progress span{display:block;height:100%;width:14%;background:currentColor;transition:width .35s ease;}
.whx-question-row{display:flex;align-items:flex-start;gap:10px;min-width:0;}
.whx-question-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto;}
.whx-question-icon i{font-size:1em;line-height:1;}
.whx-question-icon svg{display:block;width:1em;height:1em;fill:currentColor;}
.whx-question{
  margin:0;
  max-width:22ch;
  font-size:19px;
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:600;
  color:var(--whx-ink);
}
.whx-helper{margin-top:8px;max-width:34em;font-size:13px;line-height:1.45;color:var(--whx-muted);}
.whx-helper-align-tabs-yes .whx-helper{padding-left:var(--whx-choice-pad-left);padding-right:var(--whx-choice-pad-right);}
.whx-choices{display:grid;gap:7px;margin-top:22px;}
.whx-choice{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  border:1px solid #f0eeea;
  background:#f0eeea;
  color:#242424;
  border-radius:10px;
  padding:11px 13px;
  cursor:pointer;
  font:inherit;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.whx-choice:hover,.whx-choice:focus-visible{background:#fff;border-color:#ddd9d2;outline:none;transform:translateY(-1px);}
.whx-choice__index{font-size:10px;line-height:1;letter-spacing:.08em;color:#8a8882;flex:0 0 auto;}
.whx-choice__main{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;}
.whx-choice__label{min-width:0;flex:1 1 auto;font-size:13px;line-height:1.25;font-weight:500;white-space:normal;overflow-wrap:anywhere;}
.whx-choice__icon,.whx-choice__arrow{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto;}
.whx-choice__icon svg,.whx-choice__arrow svg{display:block;width:1em;height:1em;fill:currentColor;}
.whx-choice__arrow{margin-left:auto;color:#66635d;font-size:14px;transition:transform .18s ease;}
.whx-choice:hover .whx-choice__arrow{transform:translateX(3px);}
.whx-hide-choice-index .whx-choice__index{display:none!important;}
.whx-hide-choice-arrow .whx-choice__arrow{display:none!important;}

/* BACK / START OVER ---------------------------------------------------- */
.whx-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:22px;
  padding:14px 0 0;
  border-top:1px solid var(--whx-line);
}
.whx-control{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--whx-muted);
  font:inherit;
  font-size:11px;
  line-height:1.2;
  cursor:pointer;
  opacity:.78;
}
.whx-control:hover,.whx-control:focus-visible{opacity:1;outline:none;}
.whx-control:disabled{opacity:.22;cursor:default;}
.whx-control__icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;}
.whx-control__icon svg{display:block;width:1em;height:1em;fill:currentColor;}

/* QUICK CONTACT -------------------------------------------------------- */
.whx-reachout-card{
  margin-top:auto;
  min-width:0;
  box-sizing:border-box;
  background:transparent;
  border:0 solid transparent;
  border-radius:0;
}
.whx-reachout__heading{
  margin:0 0 10px;
  color:var(--whx-ink);
  font-size:11px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.04em;
}
.whx-reachout-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.whx-reachout-action{margin:0;min-width:0;}
.whx-reachout-action.is-disabled{cursor:default;opacity:.6;}
.whx-reachout-action.is-disabled:hover{transform:none;}
.whx-reachout-action__icon,.whx-reachout-action__arrow{
  display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto;
}
.whx-reachout-action__icon svg,.whx-reachout-action__arrow svg{
  display:block;width:1em;height:1em;fill:currentColor;
}

/* CLIENT LOGIN --------------------------------------------------------- */
.whx-client-login-card{margin-top:10px;padding:0;min-width:0;}
.whx-client-login{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  width:100%;
  padding:11px 12px;
  background:#fff;
  border:1px solid var(--whx-line);
  border-radius:10px;
  color:#242424;
  font-size:12px;
  line-height:1.2;
  font-weight:500;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.whx-client-login:hover,.whx-client-login:focus-visible{background:#f0eeea;color:#151515;outline:none;}
.whx-client-login__icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto;}
.whx-client-login__icon svg{display:block;width:1em;height:1em;fill:currentColor;}

/* RIGHT / ELEMENTOR CANVAS -------------------------------------------- */
.whx-right{min-width:0;position:relative;align-self:stretch;background:#fbfaf8;border-bottom-right-radius:inherit;overflow:clip;padding-top:var(--whx-topbar-height);}
.whx-panel{min-height:calc(var(--whx-min-height) - var(--whx-topbar-height));height:auto;width:100%;min-width:0;position:relative;}
.whx-panel > .elementor{width:100%;min-width:0;}
.whx-panel__fallback{min-height:calc(var(--whx-min-height) - var(--whx-topbar-height));padding:64px clamp(34px,6vw,100px);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.48));}
.whx-panel__eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;opacity:.55;}
.whx-panel__title{font-size:clamp(42px,5.6vw,96px);line-height:.94;letter-spacing:-.05em;font-weight:500;max-width:9ch;margin:0;}
.whx-panel__copy{font-size:15px;line-height:1.6;color:var(--whx-muted);max-width:34em;margin:24px 0 0;}
.whx-panel__fallback-slot[hidden]{display:none!important;}
.whx-view-stage{position:relative;width:100%;min-width:0;}
.whx-view-source{position:absolute;top:0;left:0;width:100%;min-width:0;visibility:hidden;opacity:0;pointer-events:none;z-index:-1;}
.whx-view-source.is-active{position:relative;top:auto;left:auto;visibility:visible;opacity:1;pointer-events:auto;z-index:1;}
.whx-view-source > [data-elementor-type],.whx-view-source > .elementor{display:block;width:100%;max-width:none;min-width:0;}
.whx-panel .e-con{min-width:0;}
.elementor-widget-whx-guided-experience,.elementor-widget-whx-guided-experience>.elementor-widget-container{overflow:visible!important;}

.whx-experience.is-changing .whx-question,.whx-experience.is-changing .whx-helper,.whx-experience.is-changing .whx-choices{opacity:.35;transform:translateY(3px);}
.whx-question,.whx-helper,.whx-choices{transition:opacity .16s ease,transform .16s ease;}

/* MOBILE RESULT NAV --------------------------------------------------- */
.whx-mobile-content-nav{display:none;}
.whx-mobile-content-nav__button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#151515;
  font:inherit;
  font-size:12px;
  line-height:1.2;
  cursor:pointer;
  outline:none!important;
}
.whx-mobile-change{opacity:.62;}

/* TABLET --------------------------------------------------------------- */
@media(max-width:1024px) and (min-width:768px){
  .whx-experience{--whx-left:280px;}
  .whx-topbar{--whx-topbar-pad-left:18px;--whx-topbar-pad-right:18px;}
  .whx-left__inner{padding:24px 18px 20px;}
  .whx-choice{align-items:flex-start;height:auto;overflow:visible;}
  .whx-choice__main{align-items:flex-start;overflow:visible;}
  .whx-choice__label{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;}
  .whx-choice__arrow{margin-top:.08em;}
}

/* MOBILE --------------------------------------------------------------- */
@media(max-width:767px){
  .whx-experience{display:block;min-height:0;overflow:visible;--whx-topbar-height:54px;}
  .whx-topbar{
    min-height:var(--whx-topbar-height);
    width:100%;
    display:block;
    position:sticky;
    top:0;
    left:auto;
    z-index:140;
    padding:var(--whx-topbar-pad-top) var(--whx-topbar-pad-right) var(--whx-topbar-pad-bottom) var(--whx-topbar-pad-left);
    overflow:hidden;
  }
  .whx-topbar__content{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:0;
  }
  .whx-topnav{
    max-width:100%;
    overflow-x:auto;
    justify-content:flex-start;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .whx-topnav::-webkit-scrollbar{display:none;}
  .whx-topnav__item{padding:7px 11px;font-size:11px;}
  .whx-body{display:block;min-height:0;}
  .whx-left{z-index:auto;border-right:0;border-bottom:1px solid var(--whx-line);border-bottom-left-radius:0;}
  .whx-right{padding-top:0;}
  .whx-left__inner{
    position:relative;
    top:auto;
    height:auto;
    min-height:auto;
    max-height:none;
    overflow:visible;
    padding:22px 16px 20px;
  }
  .whx-brand-card{margin-bottom:34px;}
  .whx-brand__logo img{width:54px;}
  .whx-question{max-width:100%;font-size:20px;}
  .whx-helper{font-size:13px;}
  .whx-choices{margin-top:20px;}
  .whx-choice{padding:12px 13px;}
  .whx-client-login-card{margin-top:28px;padding-top:0;}
  .whx-right{border-bottom-left-radius:inherit;}
  .whx-panel,.whx-panel__fallback{min-height:62vh;}
  .whx-panel__fallback{padding:42px 22px;justify-content:center;}
  .whx-panel__title{font-size:clamp(40px,12vw,66px);}

  .whx-mobile-hide-idle-canvas.whx-at-start:not(.is-mobile-result) .whx-right{display:none;}
  .whx-mobile-hide-idle-canvas:not(.whx-at-start).has-mobile-content .whx-right{display:block;}
  .whx-mobile-hide-idle-canvas:not(.whx-at-start):not(.has-mobile-content):not(.is-mobile-result) .whx-right{display:none;}
  .whx-mobile-hide-idle-canvas.is-mobile-result .whx-right{display:block;}

  .whx-at-start .whx-controls{display:none!important;}
  .whx-back:disabled{display:none;}

  .whx-mobile-content-nav{
    position:sticky;
    top:calc(var(--whx-topbar-height) + var(--whx-mobile-nav-extra));
    z-index:70;
    display:none;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:11px 16px;
    background:#fbfaf8;
    border-bottom:1px solid var(--whx-line);
  }
  .is-mobile-result .whx-mobile-content-nav{display:flex;}
  .is-mobile-result .whx-right{scroll-margin-top:calc(var(--whx-topbar-height) + 44px + var(--whx-mobile-nav-extra));}
}
