html { scroll-behavior: smooth; }
::selection { background: #cdec9b; color: #050805; }
.glass { background: rgba(16,25,13,.72); border: 1px solid rgba(255,255,255,.10); box-shadow: 0 24px 80px rgba(0,0,0,.25); backdrop-filter: blur(18px); }
.phone-frame { border: 8px solid #10140d; border-radius: 36px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 20px 50px rgba(0,0,0,.5); overflow: hidden; background: #10140d; position: relative; }
.prose-qt h1,.prose-qt h2,.prose-qt h3 { color: white; font-weight: 800; margin-top: 1.5rem; margin-bottom: .75rem; }
.prose-qt p,.prose-qt li { color: #d8e7cd; line-height: 1.8; }
.prose-qt a { color: #cdec9b; text-decoration: underline; }
.prose-qt ul { list-style: disc; padding-left: 1.5rem; }

/* FAQ Accordion Transitions */
.faq-trigger { transition: color 0.2s ease; }
.faq-trigger:hover { color: #cdec9b; }
.faq-content { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out; }
.faq-content.open { max-height: 300px; opacity: 1; padding-top: 1rem; }
.faq-chevron { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.faq-chevron.open { transform: rotate(180deg); color: #cdec9b; }

/* Pulse animation for demo play button */
@keyframes breathing-ring {
  0% { transform: scale(0.95); opacity: 0.8; }
  50% { transform: scale(1.15); opacity: 0.3; }
  100% { transform: scale(0.95); opacity: 0.8; }
}
.pulse-ring { animation: breathing-ring 2.5s infinite ease-in-out; }

/* Custom Plyr.js Theme Overrides */
:root {
  --plyr-color-main: #cdec9b;
  --plyr-video-control-color-hover: #050805;
  --plyr-control-radius: 16px;
  --plyr-video-controls-background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
}
.plyr {
  border-radius: 2rem;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.05);
}