/* v6 onboarding page aligned to supplied SmallTalk2Me reference */
.kas-qa-wrap{
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 6px 20px 52px !important;
  box-sizing: border-box !important;
}
.kas-qa-card{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.kas-qa-head{
  text-align: center !important;
  margin: 0 0 26px !important;
}
.kas-qa-logo{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  margin: 0 0 18px !important;
}
.kas-qa-logo-img{
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(230px,68vw) !important;
  max-height: 54px !important;
  object-fit: contain !important;
}
.kas-qa-head p{
  margin: 0 0 22px !important;
  color: #6e7280 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
.kas-qa-head h2{
  margin: 0 !important;
  color: #161616 !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
}
.kas-step{display:none !important}
.kas-step.is-active{display:block !important}
.kas-step-progress,.kas-step h3{display:none !important}
.kas-option-list{
  display:flex !important;
  flex-direction:column !important;
  gap:28px !important;
}
.kas-option-list-single{
  max-width: 760px !important;
  margin: 0 auto !important;
}
.kas-option-card{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  min-height:132px !important;
  padding:0 28px !important;
  box-sizing:border-box !important;
  background:#ffffff !important;
  border:2px solid #dddfe6 !important;
  border-radius:16px !important;
  cursor:pointer !important;
  transition:border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
.kas-option-card:hover{
  border-color:#cfd3dc !important;
}
.kas-option-card input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.kas-option-ui{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:999px !important;
  border:4px solid #b7b7b7 !important;
  box-sizing:border-box !important;
  position:relative !important;
  display:inline-block !important;
  background:#fff !important;
}
.kas-option-card input:checked + .kas-option-ui{
  border-color:#5a4cf0 !important;
}
.kas-option-card input:checked + .kas-option-ui:after{
  content:"" !important;
  position:absolute !important;
  inset:7px !important;
  border-radius:999px !important;
  background:#5a4cf0 !important;
}
.kas-option-card:has(input:checked){
  border-color:#5a4cf0 !important;
  background:#f7f5ff !important;
  box-shadow:0 10px 24px rgba(90,76,240,.08) !important;
}
.kas-option-text{
  color:#1a1a1a !important;
  font-size:23px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}
.kas-qa-input,.kas-qa-textarea{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  display:block !important;
  box-sizing:border-box !important;
  background:#fff !important;
  border:2px solid #dddfe6 !important;
  border-radius:16px !important;
  padding:20px 22px !important;
  font-size:18px !important;
}
.kas-qa-textarea{min-height:180px !important}
.kas-step-actions{
  display:flex !important;
  justify-content:center !important;
  gap:16px !important;
  margin-top:56px !important;
}
.kas-next-btn,.kas-secondary-btn{
  border:0 !important;
  border-radius:16px !important;
  font-size:18px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  height:82px !important;
}
.kas-step-actions > .kas-next-btn:only-child,
.kas-step-actions > .kas-secondary-btn:only-child{
  width:760px !important;
  min-width:760px !important;
  max-width:760px !important;
}
.kas-step-actions > .kas-secondary-btn:not(:only-child){
  width:180px !important;
  min-width:180px !important;
}
.kas-step-actions > .kas-next-btn:not(:only-child){
  width:564px !important;
  min-width:564px !important;
}
.kas-next-btn{
  background:linear-gradient(180deg,#5d53ef 0%, #4f46e5 100%) !important;
  color:#ffffff !important;
  box-shadow:0 14px 30px rgba(79,70,229,.18) !important;
}
.kas-next-btn[disabled]{
  background:#dfdfe2 !important;
  color:#a9a9ad !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
}
.kas-secondary-btn{
  background:#ececef !important;
  color:#111827 !important;
}
.kas-preauth-footer-link{display:none !important}
@media (max-width:900px){
  .kas-qa-wrap{padding:0 16px 36px !important}
  .kas-qa-head p{font-size:17px !important}
  .kas-qa-head h2{font-size:32px !important}
  .kas-option-list-single,.kas-qa-input,.kas-qa-textarea,.kas-step-actions > .kas-next-btn:only-child,.kas-step-actions > .kas-secondary-btn:only-child{max-width:100% !important;width:100% !important;min-width:100% !important}
  .kas-option-card{min-height:116px !important}
  .kas-option-text{font-size:21px !important}
  .kas-step-actions > .kas-secondary-btn:not(:only-child){width:30% !important;min-width:30% !important}
  .kas-step-actions > .kas-next-btn:not(:only-child){width:68% !important;min-width:68% !important}
}
@media (max-width:640px){
  .kas-qa-wrap{padding:0 12px 28px !important}
  .kas-qa-logo{margin-bottom:14px !important}
  .kas-qa-logo-img{max-width:min(180px,55vw) !important;max-height:42px !important}
  .kas-qa-head p{margin-bottom:16px !important;font-size:15px !important}
  .kas-qa-head h2{font-size:24px !important;line-height:1.2 !important}
  .kas-option-list{gap:16px !important}
  .kas-option-card{min-height:94px !important;gap:16px !important;padding:0 16px !important;border-radius:14px !important}
  .kas-option-ui{width:30px !important;height:30px !important;flex-basis:30px !important;border-width:3px !important}
  .kas-option-card input:checked + .kas-option-ui:after{inset:5px !important}
  .kas-option-text{font-size:16px !important;line-height:1.35 !important}
  .kas-step-actions{flex-direction:column !important;gap:12px !important;margin-top:26px !important}
  .kas-step-actions > .kas-next-btn,
  .kas-step-actions > .kas-secondary-btn,
  .kas-step-actions > .kas-secondary-btn:not(:only-child),
  .kas-step-actions > .kas-next-btn:not(:only-child){width:100% !important;min-width:100% !important;max-width:100% !important;height:62px !important;border-radius:14px !important;font-size:17px !important}
}


/* v6.2 onboarding hard fixes */
.kas-steps-form{display:block !important}
.kas-step-head{text-align:center !important;margin-bottom:30px !important}
.kas-step:not(.is-active){display:none !important}
.kas-step.is-active{display:block !important}
.kas-option-card.is-selected{border-color:#5a4cf0 !important;background:#f7f5ff !important;box-shadow:0 10px 24px rgba(90,76,240,.08) !important}
.kas-option-card.is-selected .kas-option-ui{border-color:#5a4cf0 !important}
.kas-option-card.is-selected .kas-option-ui:after{content:"" !important;position:absolute !important;inset:7px !important;border-radius:999px !important;background:#5a4cf0 !important}
.kas-step-actions{padding-bottom:4px !important}
.kas-step-actions .kas-next-btn,.kas-step-actions .kas-secondary-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important}
.kas-step-actions .kas-next-btn[data-kas-submit]{font-size:19px !important}
