body { overflow-x: hidden; }
.text-stroke { -webkit-text-stroke: 1px #f8f9fa; color: transparent; }
.text-stroke-sm { -webkit-text-stroke: 1px rgba(248, 249, 250, 0.8); }
.glass-nav { background: rgba(33, 37, 37, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); }
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }
.faq-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out; }
.faq-item.open .faq-content { max-height: 500px; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #212529; }
::-webkit-scrollbar-thumb { background: #495057; border-radius: 10px; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
#mobile-menu a { transform: translateX(-20px); transition: transform 0.5s ease, color 0.3s ease; }
#mobile-menu.opacity-100 a { transform: translateX(0); }
@keyframes headerSlideDown { from { opacity: 0; transform: translateY(-1rem); } to { opacity: 1; transform: translateY(0); } }
.animate-header-entry { animation: headerSlideDown 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
@keyframes float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-15px) rotate(1deg); } }
.animate-float { animation: float 6s ease-in-out infinite; }
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.animate-marquee { display: flex; animation: marquee 30s linear infinite; }
.animate-marquee:hover { animation-play-state: paused; }
#videoModal.active { display: flex !important; }
.process-item.active { background: rgba(255, 255, 255, 0.08); border-color: rgba(59, 130, 246, 0.3); box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.5); }
.process-item.active .process-content { max-height: 1000px; opacity: 1; padding-top: 2.5rem; }
.process-item.active .toggle-icon { background: #3b82f6; border-color: #3b82f6; transform: scale(1.1); }
.process-item.active .toggle-icon i { transform: rotate(45deg); }
@media (max-width: 768px) { .process-item.active .process-content { max-height: 2000px; } }
#review-slider p { letter-spacing: -0.02em; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
article a:hover { transform: scale(1.01); }
.card-stack-container { perspective: 1000px; }
.card-stack-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); transform-origin: center bottom; cursor: pointer; box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.5); }
.card-stack-item:nth-last-child(1) { z-index: 3; transform: translateY(0) scale(1); opacity: 1; }
.card-stack-item:nth-last-child(2) { z-index: 2; transform: translateY(-20px) scale(0.95); opacity: 0.8; }
.card-stack-item:nth-last-child(3) { z-index: 1; transform: translateY(-40px) scale(0.90); opacity: 0.6; pointer-events: none; }
.card-stack-item.swapping-out { transform: translateY(100px) scale(0.8); opacity: 0; }
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: vt-fade-out 0.35s ease-out forwards; }
::view-transition-new(root) { animation: vt-fade-in 0.35s ease-in forwards; }
@keyframes vt-fade-out { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(-20px); } }
@keyframes vt-fade-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }
.search-box{width:100%;padding:1rem 1rem 1rem 3rem;border:1.5px solid rgba(255,255,255,.12);border-radius:16px;font-size:1rem;font-family:inherit;font-weight:500;background:rgba(255,255,255,.05);color:#f8f9fa;transition:border-color .2s,box-shadow .2s;outline:0}
.search-box:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15);background:rgba(255,255,255,.08)}
.search-box::placeholder{color:rgba(255,255,255,.25)}