html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #555; }
.perspective-1000 { perspective: 1000px; }
.preserve-3d { transform-style: preserve-3d; }
.backface-hidden { backface-visibility: hidden; }
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in-up { animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
#toast { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%) translateY(100px); background: white; color: black; padding: 12px 24px; border-radius: 12px; font-family: monospace; font-weight: bold; z-index: 10000; opacity: 0; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 4px 24px rgba(0,0,0,0.35); pointer-events: none; display: flex; align-items: center; gap: 10px; }
#toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }

/* --- ACCORDION --- */
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.16,1,0.3,1), padding 0.3s ease; }
.faq-answer.open { max-height: 400px; }
.faq-chevron { transition: transform 0.3s ease; }
.faq-chevron.open { transform: rotate(180deg); }

/* --- TYPEWRITER CURSOR --- */
@keyframes blink { 0%,100% { opacity:1; } 50% { opacity:0; } }
.tw-cursor { display: inline-block; animation: blink 0.75s step-end infinite; }

/* --- PROCESS LINE --- */
.process-step::before { content: ''; position: absolute; left: 19px; top: 48px; width: 2px; height: calc(100% + 24px); background: #1a1a1a; }
.process-step:last-child::before { display: none; }

/* --- STATS --- */
@keyframes countUp { from { opacity:0; transform: translateY(8px); } to { opacity:1; transform: translateY(0); } }
.stat-num { animation: countUp 0.6s cubic-bezier(0.16,1,0.3,1) both; }

/* --- COMMISSION STATUS BADGE --- */
.status-open  { color: #4ade80; }
.status-busy  { color: #facc15; }
.status-closed { color: #f87171; }
.status-dot-open   { background: #4ade80; box-shadow: 0 0 8px #4ade80; }
.status-dot-busy   { background: #facc15; box-shadow: 0 0 8px #facc15; }
.status-dot-closed { background: #f87171; box-shadow: 0 0 8px #f87171; }

/* --- TESTIMONIAL CARD --- */
.testimonial-card:hover { border-color: #fff; }

/* --- CONTACT FORM --- */
.form-field { background: transparent; border: 1px solid #222; border-radius: 0.5rem; color: #e5e5e5; font-family: monospace; font-size: 13px; letter-spacing: 0.05em; padding: 14px 16px; width: 100%; outline: none; transition: border-color 0.2s; resize: none; }
.form-field:focus { border-color: #fff; }
.form-field::placeholder { color: #444; }
.form-field option { background: #000; }

/* --- CHANGELOG --- */
.changelog-line::before { content: ''; position: absolute; left: 5px; top: 24px; width: 1px; height: calc(100% + 16px); background: #1a1a1a; }
.changelog-line:last-child::before { display: none; }