@import url('form.css');
/* A conversation, not an accordion. Answers remain readable without JavaScript. */
.questions-section{position:relative;isolation:isolate;background:linear-gradient(145deg,#f6f3ef,var(--egg) 58%,#e8e0ee);padding-block:clamp(70px,8vw,118px);overflow:clip}
.questions-library{min-width:0;position:relative}
.questions-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,7vw,100px);align-items:center;margin-bottom:50px}
.questions-heading-title .bs-kicker{margin:0 0 24px;color:var(--deep)}
.questions-heading-title h2{font-size:clamp(43px,4.7vw,68px);line-height:1.04;margin:0;max-width:620px}
.questions-heading-title h2 em{color:var(--deep)}
.questions-invitation{display:flex;gap:12px;align-items:center;font-size:12px!important;color:#665872!important;margin:30px 0 0!important}
.questions-invitation:before{content:'';width:25px;height:1px;background:#8b6bad}
.questions-heading-support{min-width:0;max-width:550px}
.questions-support-copy{padding:0 8px}
.questions-support-copy>p{font-size:14px;line-height:1.85;color:#61576a;margin:0;max-width:470px}
.questions-support-copy .bs-text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:20px;padding:13px 19px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:12px;line-height:1.5;text-decoration:none;transition:background .3s,box-shadow .3s}
.questions-support-copy .bs-text-link:hover{background:#413449;border-color:#413449;color:#fff;box-shadow:5px 5px 0 #a38ac65c}
.questions-conversation{height:174px;position:relative;max-width:500px;margin:0 0 25px}
.questions-thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.questions-thread-base{stroke:#a38ac659;stroke-width:1}
.questions-thread-flow{stroke:#806396;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:4 96;animation:question-signal 9s linear infinite;animation-play-state:paused}
.question-bubble{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid #a38ac661;box-shadow:0 10px 22px #3423400c;animation:question-float 7s ease-in-out infinite alternate;animation-play-state:paused}
.bubble-question{left:2%;top:8%;width:38%;height:112px;border-radius:24px 24px 4px 24px;background:var(--ink);color:#fff;flex-wrap:wrap;align-content:center;gap:5px}
.bubble-question>span{display:block;width:100%;padding:0 20px;font-size:22px;line-height:.98;letter-spacing:-.04em}
.bubble-question em{color:#c9b7df;font-size:1.3em}
.bubble-question i{width:4px;height:4px;border-radius:50%;background:#a38ac6;animation:question-thinking 2.4s ease-in-out infinite;animation-play-state:paused;margin-top:6px}
.bubble-question i:nth-last-child(2){animation-delay:.2s}.bubble-question i:last-child{animation-delay:.4s}
.bubble-mark{width:78px;height:78px;left:43%;top:42%;border-radius:50%;background:var(--purple);box-shadow:0 0 0 10px #a38ac61c;animation-delay:-2s}
.bubble-mark img{width:64px;height:64px;object-fit:contain}
.bubble-clarity{right:0;top:20%;width:31%;height:91px;border-radius:23px 23px 23px 4px;background:#faf8fc;color:var(--ink);font-size:21px;line-height:.98;letter-spacing:-.04em;display:block;padding:19px 14px;animation-delay:-4s}
.bubble-clarity em{font-size:1.24em;color:#71508d}
.questions-conversation.is-conversation-inview :is(.questions-thread-flow,.question-bubble,.bubble-question i){animation-play-state:running}
.questions-topics{position:sticky;top:12px;z-index:5;display:flex;align-items:center;gap:25px;min-height:76px;padding:14px 22px;background:#fbf9f6f5;border:1px solid #cdbfd7;box-shadow:0 8px 30px #35233f0a;margin-bottom:34px;isolation:isolate}
.questions-topics-label{font-size:10px;line-height:1.5;max-width:115px;letter-spacing:.07em;text-transform:uppercase;color:#6e5c7b;flex-shrink:0}
.questions-topic-links{display:flex;flex-wrap:wrap;gap:7px;flex:1;min-width:0}
.questions-topic{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;min-height:44px;border:1px solid transparent;color:#58485f;font-size:11px;line-height:1.45;text-decoration:none;transition:background .3s,border-color .3s,color .3s}
.questions-topic-dot{width:5px;height:5px;border-radius:50%;background:#ad99bd;box-shadow:0 0 0 0 #a38ac620;transition:box-shadow .3s,background .3s;flex-shrink:0}
.questions-topic:is(:hover,:focus-visible){background:#e8dfef;border-color:#c8b6d7;color:#342340}
.questions-topic[aria-current="location"]{background:var(--ink);border-color:var(--ink);color:#fff}
.questions-topic[aria-current="location"] .questions-topic-dot{background:#cdb5e4;box-shadow:0 0 0 4px #a38ac62b}
.questions-reading-line{height:2px;position:absolute;left:0;right:0;bottom:-1px;background:#a38ac62e;overflow:hidden}
.questions-reading-line i{display:block;width:100%;height:100%;background:#8d6bac;transform:scaleX(var(--questions-progress,0));transform-origin:left;transition:transform .4s linear}
.questions-chapter{scroll-margin-top:118px;margin-bottom:45px;min-width:0;outline-offset:7px}
.questions-chapter:last-child{margin-bottom:0}
.questions-chapter-heading{display:flex;align-items:center;gap:14px;margin:0 0 22px;min-width:0}
.questions-chapter-heading h3{font-family:var(--serif);font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.025em;color:#554361;flex-shrink:1;margin:0}
.question-chapter-symbol{width:15px;height:15px;border:1px solid #ad90c5;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.question-chapter-symbol:after{content:'';width:5px;height:5px;background:#8b6ca5;border-radius:50%}
.questions-chapter-line{height:1px;background:#a38ac640;flex:1;min-width:10px}
.questions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;perspective:1400px}
.question-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px 32px 19px;background:#fefdfb;border:1px solid #cbbbd5;border-radius:4px 28px 4px 4px;overflow-wrap:break-word;isolation:isolate;scroll-margin-top:130px;box-shadow:0 10px 24px #35233f04;transition:transform .6s cubic-bezier(.19,1,.22,1),box-shadow .5s,border-color .5s;transform:perspective(1400px) rotateX(var(--question-tilt-x,0deg)) rotateY(var(--question-tilt-y,0deg))}
.question-card:before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(280px circle at var(--question-light-x,50%) var(--question-light-y,50%),#bfa3d530,transparent 85%);opacity:0;transition:opacity .5s;pointer-events:none}
.question-card:is(:hover,:focus-within,:target){border-color:#9a7ab4;box-shadow:0 15px 35px #35233f10}
.question-card:is(:hover,:focus-within):before{opacity:1}
.question-card:target{outline:2px solid #9270ae;outline-offset:4px}
.question-card-trace{position:absolute;top:-1px;left:30px;width:58px;height:2px;background:#a38ac6;transform-origin:left;transition:width .6s cubic-bezier(.19,1,.22,1);overflow:hidden}
.question-card-trace:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#eee2ff,transparent);transform:translateX(-100%);animation:question-trace 4.5s ease-in-out infinite;animation-play-state:paused}
.question-card.is-question-inview .question-card-trace:after{animation-play-state:running}
.question-card:is(:hover,:focus-within) .question-card-trace{width:calc(100% - 90px)}
.question-card-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:20px}
.question-voice{margin-top:3px;width:31px;height:28px;border-radius:9px 9px 2px 9px;border:1px solid #c4aed5;background:#eae1f2;display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0;transition:background .4s}
.question-voice i{width:3px;height:3px;background:#89659f;border-radius:50%;transition:transform .4s}
.question-card:is(:hover,:focus-within) .question-voice{background:#d8c7e7}
.question-card:is(:hover,:focus-within) .question-voice i:nth-child(2){transform:translateY(-3px)}
.question-card h4{font-family:var(--serif);font-size:clamp(26px,2.1vw,31px);font-weight:600;letter-spacing:-.025em;line-height:1.13;color:var(--ink);margin:0}
.question-answer{min-width:0;flex:1}
.question-answer p{font-size:14px;line-height:1.85;color:#5c5264;margin:0}
.question-answer p+p{margin-top:15px}
.question-answer a{color:#654881;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.question-answer a:hover{color:var(--ink)}
.question-card-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #d9cde136;margin-top:25px;padding-top:10px}
.question-perspective{font-size:9px;line-height:1.5;color:#776381;letter-spacing:.03em}
.question-copy{font-family:inherit;font-size:10px;font-weight:500;line-height:1.4;background:none;color:#654881;border:0;border-bottom:1px solid #a38ac68a;padding:10px 0;min-height:40px;text-align:right;transition:color .25s,border-color .25s}
.question-copy:hover{color:var(--ink);border-bottom-color:var(--ink)}
.question-copy[data-copied="true"]{color:#3b6654;border-color:#7fa791}
.question-card:last-child:nth-child(odd){grid-column:1/-1}
.question-card:last-child:nth-child(odd) .question-answer{max-width:900px}
.question-link-fallback{display:block;width:100%;margin:12px 0 0;padding:10px;border:1px solid #9e80b4;background:white;color:#4a3559;font:12px/1.5 var(--sans);min-height:44px}
.questions-section :is(button,a):focus-visible{outline:3px solid #73528f;outline-offset:5px}
@keyframes question-signal{to{stroke-dashoffset:-100}}
@keyframes question-float{from{translate:0 -4px;rotate:-1deg}to{translate:0 5px;rotate:1deg}}
@keyframes question-thinking{0%,35%,100%{opacity:.45;translate:0 0}18%{opacity:1;translate:0 -3px}}
@keyframes question-trace{0%,25%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
html.motion-paused .question-card{transform:none!important}
html.motion-paused :is(.question-bubble,.bubble-question i){translate:none!important;rotate:none!important}
html.motion-paused .question-card .question-voice i{transform:none!important}
html:is(.motion-paused,.motion-document-hidden) .questions-section :is(.questions-thread-flow,.question-bubble,.bubble-question i,.question-card-trace:after){animation-play-state:paused!important}
@media(max-width:900px){
  .questions-heading{gap:35px;margin-bottom:36px}
  .questions-heading-title h2{font-size:46px}
  .questions-conversation{height:160px}
  .bubble-question{height:103px}.bubble-question>span{font-size:20px}
  .bubble-clarity{font-size:18px;padding:18px 11px;height:83px}
  .bubble-mark{width:60px;height:60px;left:44%}.bubble-mark img{width:50px;height:50px}
  .questions-topics{padding:12px 15px;gap:13px}
  .questions-topics-label{font-size:9px;max-width:90px}
  .questions-topic{font-size:10px;padding:10px 9px;gap:6px}
  .question-card{padding:26px 25px 17px}
  .question-card-heading{gap:13px}.question-card h4{font-size:28px}
  .question-voice{width:26px;height:25px}
}
@media(max-width:650px){
  .questions-heading{grid-template-columns:minmax(0,1fr);gap:30px;margin-bottom:30px}
  .questions-heading-title h2{font-size:clamp(39px,10vw,49px)}
  .questions-invitation{margin-top:23px!important}
  .questions-heading-support{max-width:520px}
  .questions-conversation{max-width:420px;height:156px;margin-bottom:21px}
  .questions-support-copy{padding:0}
  .bubble-question{width:37%}.bubble-question>span{font-size:clamp(17px,5.2vw,21px);padding:0 13px}
  .bubble-clarity{font-size:clamp(15px,4.7vw,20px);padding:17px 9px}
  .bubble-mark{width:65px;height:65px;left:43%;top:44%}
  .questions-topics{top:8px;display:block;margin-bottom:28px;padding:12px 12px 9px}
  .questions-topics-label{display:block;max-width:none;margin:0 0 9px;font-size:8px}
  .questions-topic-links{gap:4px}
  .questions-topic{flex:1;justify-content:center;min-height:45px;font-size:10px;padding:9px 6px;text-align:center}
  .questions-topic-dot{display:none}
  .questions-chapter{scroll-margin-top:142px;margin-bottom:35px}
  .questions-chapter-heading{gap:11px;margin-bottom:18px}
  .questions-chapter-heading h3{font-size:27px}
  .questions-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .question-card{padding:26px 23px 15px;scroll-margin-top:145px}
  .question-card h4{font-size:29px}
  .question-card-heading{gap:14px;margin-bottom:18px}
  .question-voice{width:26px;height:26px}
  .question-answer p{font-size:14px;line-height:1.85}
  .question-perspective{font-size:9px}.question-copy{font-size:10px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .questions-section :is(.question-bubble,.bubble-question i,.questions-thread-flow,.question-card-trace:after){animation:none!important;translate:none!important;rotate:none!important}
  .question-card,.question-card .question-voice i{transform:none!important}
  .questions-section *{transition:none!important}
}
