/* VALORA homepage: call studio replaces decorative right-side portrait. */
#welcome.valora-calls-home {
  box-sizing:border-box; gap:clamp(16px,2vw,30px);
  padding:clamp(18px,2.5vw,34px) clamp(18px,3vw,46px);
  overflow-x:hidden; overflow-y:auto;
}
#welcome.valora-calls-home .welcome-inner {
  flex:1 1 0; width:auto; min-width:0; max-width:820px;
  padding:20px 4px; margin:0;
}
#welcome.valora-calls-home .welcome-inner h1 { font-size:clamp(37px,4.1vw,63px); }
#welcome.valora-calls-home .welcome-inner > p { margin-bottom:26px; }
#welcome.valora-calls-home .features { gap:10px; }
#welcome.valora-calls-home .feature { min-height:117px; padding:14px 9px; }
.valora-call-studio {
  flex:0 0 clamp(285px,27%,354px); position:relative; z-index:1; isolation:isolate;
  border-radius:22px; padding:23px 18px 17px; text-align:left;
  border:1px solid rgba(199,151,255,.26);
  background:linear-gradient(142deg,rgba(36,20,60,.96),rgba(15,10,30,.98) 66%,rgba(33,20,52,.95));
  box-shadow:0 16px 58px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.05);
}
.valora-call-studio:before { content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse at 100% 0,rgba(203,129,247,.13),transparent 54%),radial-gradient(ellipse at 0% 100%,rgba(208,156,91,.1),transparent 60%); z-index:-1; }
.valora-call-studio .call-eyebrow { font-size:10px; font-weight:800; letter-spacing:.16em; color:#dab0fe; display:flex; align-items:center; gap:8px; }
.valora-call-studio .call-eyebrow i { width:7px;height:7px;border-radius:100%;display:inline-block;background:#72e0ba;box-shadow:0 0 10px rgba(92,226,184,.75); }
.valora-call-studio h2 { font:600 clamp(27px,2.5vw,36px)/1.03 'Cormorant Garamond',Georgia,serif; letter-spacing:-.02em; color:#f7e6fa; margin:13px 0 8px; }
.valora-call-studio .call-intro { font-size:12px; line-height:1.55; color:#b7adc8; margin:0 0 17px; }
.valora-call-card { width:100%; display:flex; align-items:center; gap:13px; text-align:left; padding:15px 12px; margin:0 0 10px;
  border:1px solid #74509f91; border-radius:15px;
  color:#fff; background:linear-gradient(110deg,rgba(111,53,175,.27),rgba(58,35,90,.23));
  transition:transform .18s,border-color .18s,background .18s; }
.valora-call-card:hover { transform:translateY(-2px);border-color:#cb9bf4;background:linear-gradient(110deg,rgba(139,68,209,.4),rgba(63,36,102,.35)); }
.valora-call-card:focus-visible,.valora-call-audio:focus-visible { outline:2px solid #e6bbff;outline-offset:3px; }
.valora-call-card .call-symbol { flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;
  font-size:22px; color:#eed7ff; background:#985ad134;border:1px solid #b884f450; }
.valora-call-card .call-copy { flex:1;min-width:0;display:grid;gap:4px; }
.valora-call-card .call-copy strong { font-size:14px;line-height:1.3; }
.valora-call-card .call-copy small { color:#c4bbd2;font-size:10px;line-height:1.35; }
.valora-call-card .call-arrow { font-size:18px;color:#cea6ec; }
.valora-call-card.call-wellness { border-color:#a182618c;background:linear-gradient(110deg,rgba(106,79,75,.29),rgba(58,36,69,.19)); }
.valora-call-card.call-wellness .call-symbol { color:#ffe0b5;background:rgba(188,146,84,.16);border-color:#c7a47168; }
.valora-call-card.call-wellness:hover { border-color:#d7b58a; }
.valora-call-audio { width:100%;margin-top:2px;padding:10px 8px;background:transparent;border:none;color:#d6b9f5;font-size:11px;text-align:center; }
.valora-call-audio:hover { text-decoration:underline; }
.valora-call-caveat { font-size:10px;line-height:1.5;color:#9f94af; text-align:center;margin:9px 1px 0; }
#valoraWellnessIntro { color:#f8eefb; width:min(440px,calc(100vw - 28px)); border:1px solid #9b78ae;border-radius:20px;
  padding:26px; background:linear-gradient(135deg,#26152f,#0d0b1c);box-shadow:0 20px 90px #000b; }
#valoraWellnessIntro::backdrop { background:#05030dd9;backdrop-filter:blur(5px); }
#valoraWellnessIntro h2 {font:600 34px/1.1 'Cormorant Garamond',Georgia,serif;color:#f1d0f6;margin:0 0 11px;}
#valoraWellnessIntro p {font-size:13px;color:#d6c8dd;line-height:1.6;margin:0 0 12px;}
#valoraWellnessIntro .wellness-info { background:#a77bb015;border:1px solid #aa83ac40;padding:12px;border-radius:12px; }
#valoraWellnessIntro .wellness-buttons {display:flex;gap:10px;justify-content:flex-end;margin-top:20px;}
#valoraWellnessIntro button {border-radius:11px;padding:11px 15px;font-weight:700;font-size:12px;background:#231630;border:1px solid #826090;}
#valoraWellnessIntro #valoraWellnessConfirm {background:linear-gradient(100deg,#9b65d8,#7544ac);border-color:#bb8beb;color:white;}
@media(max-width:1180px) {
  #welcome.valora-calls-home{gap:16px;padding:16px 20px;}
  .valora-call-studio{flex-basis:290px;padding:19px 15px 14px;}
  #welcome.valora-calls-home .features{grid-template-columns:repeat(2,minmax(0,1fr));}
  #welcome.valora-calls-home .feature{min-height:90px;}
  #welcome.valora-calls-home .welcome-inner h1{font-size:clamp(32px,4.3vw,48px);}
}
@media(max-width:850px) {
  #welcome.valora-calls-home{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px; padding:20px 16px 28px;}
  #welcome.valora-calls-home .welcome-inner{flex:0 0 auto;max-width:680px;width:100%;margin:0 auto;padding:6px 0 0;}
  #welcome.valora-calls-home .welcome-inner h1{font-size:clamp(33px,7vw,49px);margin:9px 0;}
  #welcome.valora-calls-home .welcome-inner > p {font-size:13px;margin-bottom:17px;}
  #welcome.valora-calls-home .features{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  #welcome.valora-calls-home .feature{min-height:80px;}
  .valora-call-studio{flex:0 0 auto;max-width:680px;width:100%;margin:0 auto;}
  .valora-call-studio h2 {font-size:29px;}
  .valora-call-studio .call-intro{margin-bottom:11px;}
  .valora-call-card {padding:11px 13px;}
}
@media(max-height:750px) and (min-width:851px){
  .valora-call-studio{padding:15px 13px 11px;}
  .valora-call-studio h2 {margin:7px 0 5px;font-size:29px;}
  .valora-call-studio .call-intro {margin-bottom:10px;}
  .valora-call-card{padding:9px;margin-bottom:7px;}
  #welcome.valora-calls-home .welcome-inner > p {margin-bottom:16px;}
  #welcome.valora-calls-home .feature {min-height:83px;}
}
@media(prefers-reduced-motion:reduce){.valora-call-card{transition:none;}}
/* Override the site's broad .welcome p typography inside the call panel. */
#welcome .valora-call-studio .call-intro {font-size:12px;line-height:1.5;color:#b7adc8;margin:0 0 15px;letter-spacing:0;}
#welcome .valora-call-studio .valora-call-caveat {font-size:10px;line-height:1.5;color:#9f94af;text-align:center;margin:8px 0 0;letter-spacing:0;}
/* A SYNEX or chats side pane can narrow the app without narrowing the viewport. */
.main {container-type:inline-size;}
@container (max-width:900px) {
  #welcome.valora-calls-home {display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;gap:14px; padding:20px 16px 26px;}
  #welcome.valora-calls-home .welcome-inner {flex:0 0 auto;max-width:680px;width:100%;margin:0 auto;padding:7px 0 0;}
  #welcome.valora-calls-home .welcome-inner h1 {font-size:clamp(33px,5.2vw,49px);margin:9px 0;}
  #welcome.valora-calls-home .welcome-inner > p{font-size:13px;margin-bottom:15px;}
  #welcome.valora-calls-home .features{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  #welcome.valora-calls-home .feature{min-height:78px;}
  .valora-call-studio{flex:0 0 auto;max-width:680px;width:100%;margin:0 auto;padding:17px;}
  .valora-call-studio h2{font-size:29px;}
  .valora-call-card{padding:10px 12px;}
}