body { font-family: 'Ubuntu', sans-serif; background-color: #FFFFFF; color: #30364F; scroll-behavior: smooth; }
        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeIn 0.4s ease-in-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        
        .sticky-header { transition: all 0.3s ease; }
        .sticky-header.scrolled { padding: 0.5rem 1rem; background: rgba(48, 54, 79, 0.95); backdrop-filter: blur(10px); }
        
        .service-card:hover { transform: translateY(-8px); transition: all 0.3s ease; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); }
        .floating-card { animation: float 4s ease-in-out infinite; }
        @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); } }
        
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        
        .pricing-highlight { border: 3px solid #FF6500; transform: scale(1.05); z-index: 10; }
        
        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -4px; left: 0; background: #FF6500; transition: width 0.3s ease; }
        .nav-link:hover::after { width: 100%; }
        
        .timeline-line { position: absolute; top: 2rem; left: 0; width: 100%; height: 2px; background: #ACBAC4; z-index: 0; }