:root{--base-100: #a8e6cf;--base-200: #ece4ff;--base-300: #141414}::-webkit-scrollbar{display:none}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fbfaf7;color:var(--base-300)}h1{text-transform:uppercase;font-family:Big Shoulders Display,sans-serif;font-size:clamp(5rem,10vw,15rem);font-weight:800;letter-spacing:-1%;line-height:.9}p{font-family:Onest,sans-serif;font-weight:700;font-size:clamp(.95rem,1.25vw,1.125rem);line-height:1.25}section{position:relative;width:100%;height:100%;padding:2rem;overflow:hidden}.intro,.outro{height:100svh;display:flex;justify-content:center;align-items:center}.faq{padding:8rem 2rem;display:flex;gap:6rem;flex-direction:column;justify-content:center;align-items:center;text-align:center}.faq h1{width:75%}.faq-container{width:75%;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.faq-item{display:flex;flex-direction:column;gap:1.5rem}.faq-container p{color:var(--base-300);text-align:left}.faq-question,.faq-answer{max-width:70%;padding:1.5rem 2rem;border-radius:2rem;border:3px solid #fbfaf7}.faq-question{align-self:flex-start;background-color:var(--base-200)}.faq-answer{align-self:flex-end;background-color:var(--base-100);display:flex;flex-direction:column;gap:3rem}.faq-row{display:flex;align-items:flex-start}.faq-question-slot{justify-content:flex-start}.faq-answer-slot{justify-content:flex-end}.faq-row .faq-message{align-self:flex-start}.faq-message{position:relative;overflow:hidden}.faq-content{width:max-content;max-width:100%;display:flex;flex-direction:column;gap:1rem}.faq-content p{opacity:0}.typing-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.35rem;pointer-events:none}.typing-indicator span{width:.55rem;height:.55rem;border-radius:50%;background-color:var(--base-300);animation:typing-pulse 1s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}@media(max-width:768px){.faq h1,.faq-container{width:100%}.faq-question,.faq-answer{max-width:90%}}