:root{--primary-color:#036;--secondary-color:#06C;--accent-color:#FF6B35;--light-bg:#F8F9FA;--text-dark:#333;--bs-secondary-color:#000}.accordion{--bs-accordion-active-color:#000;--bs-accordion-active-bg:#e3e6e8;--bs-accordion-border-color:#e3e6e8;--bs-accordion-btn-focus-border-color:#000;--bs-accordion-btn-focus-box-shadow:#e3e6e8;--bs-accordion-btn-border-color:#000;--bs-accordion-btn-box-shadow:#e3e6e8}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text-dark);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}p{color:#000}.ls-2{letter-spacing:.2em}.py-6{padding-top:5rem;padding-bottom:5rem}.navbar{background:#fff;transition:all .3s ease;padding:1rem 0}.navbar-toggler{color:#fff;background-color:#000;margin:-15px 10px 5px 5px;}.navbar.scrolled{background:#003366f2;backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;padding:.5rem 0}.navbar-brand,.navbar-brand:hover,.navbar-brand:focus,.navbar-brand:active{font-size:1.5rem;letter-spacing:-.5px;color:#000}.nav-link{font-weight:500;margin:0 .5rem;position:relative;transition:color .3s;color:#000}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s}.nav-link:hover,.nav-link:focus,.nav-link:active,.nav-link.active{width:100%;color:#000}.nav-link:hover::after,.nav-link.active::after{width:100%;color:#000}.navbar-nav .nav-link.active,.navbar-nav .nav-link.focus,.navbar-nav .nav-link.show{color:#000}.hero-section{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);position:relative;overflow:hidden;min-height:100vh;margin-top:50px}.hero-section .text-black-50{color:#000!important}.hero-section .text-warning{color:#000!important}.hero-bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;pointer-events:none}.hero-content{position:relative;z-index:2}.hero-image{position:relative;z-index:2}.dashboard-mockup{position:relative;display:inline-block}.floating-card{animation:float 6s ease-in-out infinite}.floating-card:nth-child(2){animation-delay:3s}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}.service-card{transition:transform .3s ease,box-shadow .3s ease;border-radius:1rem}.hover-lift:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a!important}.service-icon{transition:transform .3s ease}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.industry-card{transition:all .3s ease;border:1px solid #e9ecef}.industry-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a!important;border-color:var(--primary-color)}.industry-icon{transition:all .3s ease}.industry-card:hover .industry-icon{transform:scale(1.1);background-color:var(--primary-color)!important;color:#fff!important}#contact .card-body a,#contact .card-body a:hover,#contact .card-body a:focus,#contact .card-body a:active{color:#000;text-decoration:none;cursor:pointer;font-size:16px}.bg-gray{color:#e7e8e9}.modal-body li{color:#000}.system-animation-wrapper{max-width:380px;width:100%}.system-container{position:relative;width:100%;max-width:380px;aspect-ratio:1 / 1;transition:transform .4s cubic-bezier(0.4,0,0.2,1);cursor:pointer;user-select:none;margin:0 auto}.system-container:active,.system-container.touch-active,.system-container:hover{transform:scale(1.08)}.system-container .circle{width:100%;height:100%;border:7px solid #000;border-radius:50%;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;overflow:hidden;transition:all .5s cubic-bezier(0.4,0,0.2,1)}.system-container .particles{position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:2;pointer-events:none}.system-container .particle{position:absolute;background:#000;border-radius:50%;opacity:.75;animation:particleFloat linear infinite;box-shadow:0 0 4px #0009}@keyframes particleFloat{0%{transform:translate(0,0) scale(1);opacity:.75}100%{transform:translate(var(--x),var(--y)) scale(0.6);opacity:.2}}.system-container .text-container{text-align:center;color:#000;position:relative;z-index:3;transition:all .4s ease;width:100%;padding:0 20px}.system-container .main-text,.sub-text{position:relative}.system-container .main-text::before,.system-container .sub-text::before{content:'';position:absolute;top:-50%;left:-200%;width:50%;height:300%;background:linear-gradient(120deg,transparent,#ffffffd9,transparent);pointer-events:none}@keyframes textShimmerMove{0%{transform:translateX(-100%) skewX(-25deg)}20%{transform:translateX(400%) skewX(-25deg)}100%{transform:translateX(400%) skewX(-25deg)}}.system-container .main-text{font-size:clamp(20px,7vw,28px);font-weight:900;letter-spacing:clamp(4px,2vw,8px);margin:0 0 8px;line-height:1}.system-container .sub-text{font-size:clamp(10px,3vw,15px);font-weight:500;letter-spacing:clamp(2px,1vw,6px);margin:0;opacity:.95}.system-container:active .main-text,.system-container.touch-active .main-text,.system-container:hover .main-text,.system-container:active .sub-text,.system-container.touch-active .sub-text,.system-container:hover .sub-text{transform:scale(1.05);letter-spacing:clamp(5px,2.5vw,10px)}.system-container:active .circle,.system-container.touch-active .circle,.system-container:hover .circle{border-color:#222;transform:scale(1.02)} .ubody { margin: 0 0 0 0; height: 360px; display: flex; align-items: center; background: none; overflow: hidden; font-family: 'Courier New', monospace; perspective: 800px; } .ucontainer { position: relative; font-size: 48px; color: #000; font-weight: bold; letter-spacing: 4px; line-height:38px; z-index: 10; animation: pulse 2s ease-in-out infinite alternate, wobble 4s ease-in-out infinite; } .ucontainer p{font-size:18px;letter-spacing:1px;line-height:18px;} .hoop { position: absolute; width: 350px; height: 350px; border: 2px solid #000; border-radius: 50%; opacity: 0.6; animation: swing 4s ease-in-out infinite; } .hoop:nth-child(2) { animation-delay: -3s; } .hoop:nth-child(3) { width: 310px; height: 310px; border-color: #000; animation-duration: 4.5s; animation-delay: -2.5s; } @keyframes pulse { from { transform: scale(1); } to { transform: scale(1.08); } } @keyframes wobble { 0%, 100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } } @keyframes swing { 0%, 100% { transform: rotateX(0) rotateY(0); } 25% { transform: rotateX(90deg) rotateY(90deg); } 50% { transform: rotateX(180deg) rotateY(180deg); } 75% { transform: rotateX(270deg) rotateY(270deg); } } @media only screen and (max-width: 1024px){.hero-section{margin-top:80px;min-height:130vh;}}@media only screen and (max-width: 480px){.card-body.p-5{padding:3rem 25px!important;}.hero-section{margin-top:100px;}}