:root {   --font-sans: 'Inter', sans-serif;   --ts-blue: #60A5FA;   --ts-blue-dark: #3B82F6;   --ts-blue-hover: #2563EB;   --ts-orange: #FB923C;   --ts-orange-dark: #F97316;   --ts-cyan: #22D3EE;   --ts-teal: #14B8A6;   --bg-base: #0F172A;   --bg-deep: #0B0F1A;   --bg-footer: #0a1120; } body {   background-color: var(--bg-base);   color: #f8f9fa;   font-family: var(--font-sans);   -webkit-font-smoothing: antialiased;   margin: 0;   padding: 0; } .font-normal {   font-weight: 400; } .font-medium {   font-weight: 500; } .font-semibold {   font-weight: 600; } .font-bold {   font-weight: 700; } .text-xs {   font-size: 0.75rem;   line-height: 1rem; } .text-sm {   font-size: 0.875rem;   line-height: 1.25rem; } .text-base {   font-size: 1rem;   line-height: 1.5rem; } .text-lg {   font-size: 1.125rem;   line-height: 1.75rem; } .text-xl {   font-size: 1.25rem;   line-height: 1.75rem; } .text-2xl {   font-size: 1.5rem;   line-height: 2rem; } .text-3xl {   font-size: 1.875rem;   line-height: 2.25rem; } .text-4xl {   font-size: 2.25rem;   line-height: 2.5rem; } .text-5xl {   font-size: 3rem;   line-height: 1; } .tracking-tight {   letter-spacing: -0.025em; } .tracking-wider {   letter-spacing: 0.05em; } .tracking-widest {   letter-spacing: 0.1em; } .leading-relaxed {   line-height: 1.625; } .text-ts-blue {   color: var(--ts-blue); } .text-ts-orange {   color: var(--ts-orange); } .text-ts-cyan {   color: var(--ts-cyan); } .text-ts-teal {   color: var(--ts-teal); } .text-gray-300 {   color: #d1d5db; } .text-gray-400 {   color: #9ca3af; } .text-gray-500 {   color: #6b7280; } .section-py {   padding-top: 7rem;   padding-bottom: 7rem; } .bg-dark-deep {   background-color: var(--bg-deep); } .bg-dark-base {   background-color: var(--bg-base); } .border-t-glass {   border-top: 1px solid rgba(255, 255, 255, 0.1); } .bg-grad-hero {   background: linear-gradient(to bottom right, rgba(59, 130, 246, 0.1), transparent, rgba(37, 99, 235, 0.05)); } .bg-grad-dark {   background: linear-gradient(to bottom, #0F172A, #0B0F1A); } .bg-grad-engines {   background: linear-gradient(to bottom, #0F172A, #0a1120); } .bg-grad-cta {   background: linear-gradient(to bottom right, #F97316, #EA580C); } .nav-glass {   background-color: rgba(15, 23, 42, 0.9);   backdrop-filter: blur(12px);   border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .btn-custom {   padding: 1.25rem 2rem;   border-radius: 0.375rem;   transition: all 0.2s ease;   display: inline-flex;   align-items: center;   justify-content: center;   font-weight: 500; } .btn-blue {   background-color: var(--ts-blue-dark);   color: white;   border: 2px solid rgba(255, 255, 255, 0.6);   box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.25); } .btn-blue:hover {   background-color: var(--ts-blue-hover);   color: white;   border-color: rgba(255, 255, 255, 0.9); } .btn-outline-orange {   background-color: transparent;   border: 2px solid rgba(255, 255, 255, 0.5);   color: var(--ts-orange); } .btn-outline-orange:hover {   background-color: rgba(249, 115, 22, 0.1);   color: var(--ts-orange);   border-color: rgba(249, 115, 22, 0.8); } .btn-outline-cyan {   background-color: transparent;   border: 2px solid rgba(255, 255, 255, 0.5);   color: var(--ts-cyan); } .btn-outline-cyan:hover {   background-color: rgba(14, 165, 233, 0.1);   color: var(--ts-cyan);   border-color: rgba(14, 165, 233, 0.8); } .btn-white {   background-color: #ffffff;   color: #EA580C;   border: 2px solid #ffffff; } .btn-white:hover {   background-color: #f3f4f6;   color: #EA580C; } .btn-glass {   background-color: rgba(255, 255, 255, 0.15);   border: 2px solid rgba(255, 255, 255, 0.8);   color: white;   backdrop-filter: blur(4px); } .btn-glass:hover {   background-color: #ffffff;   color: #EA580C;   border-color: #ffffff; } .clickable-card {   cursor: pointer;   transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; } .clickable-card:hover {   transform: translateY(-4px); } .card-glass {   background-color: rgba(255, 255, 255, 0.03);   border: 1px solid rgba(255, 255, 255, 0.1);   border-radius: 1rem;   padding: 2rem;   height: 100%; } .card-glass:hover {   background-color: rgba(255, 255, 255, 0.05); } .icon-box {   width: 3rem;   height: 3rem;   border-radius: 0.75rem;   display: flex;   align-items: center;   justify-content: center;   margin-bottom: 1.25rem; } .icon-box-orange {   background-color: rgba(249, 115, 22, 0.1); } .icon-box-blue {   background-color: rgba(59, 130, 246, 0.2); } .icon-box-cyan {   background-color: rgba(14, 165, 233, 0.2); } a {   text-decoration: none; } ul.check-list {   list-style: none;   padding-left: 0;   margin-bottom: 0; } ul.check-list li {   display: flex;   align-items: flex-start;   gap: 0.5rem;   margin-bottom: 0.75rem; } .navbar .nav-link {   color: #d1d5db !important;   transition: color 0.2s ease; } .navbar .nav-link:hover, .navbar .nav-link:focus {   color: #ffffff !important; } .navbar .nav-link.text-ts-blue {   color: var(--ts-blue) !important; } .navbar .nav-link.text-ts-blue:hover {   color: #ffffff !important; } .bg-dark-footer a:not(.btn):not(.social-btn) {   color: #9ca3af;   transition: color 0.2s ease;   text-decoration: none; } .bg-dark-footer a:not(.btn):not(.social-btn):hover, .bg-dark-footer a:not(.btn):not(.social-btn):focus {   color: #ffffff !important; } @media (max-width: 767.98px) {   #mobileMenu {     display: none;     position: absolute;     top: 100%;     left: 0;     width: 100%;     background-color: var(--bg-base);     border-top: 1px solid rgba(255, 255, 255, 0.1);     padding: 1.5rem 1rem;     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);   }   #mobileMenu.show {     display: block;   }   #mobileMenu .navbar-nav {     display: flex;     flex-direction: column;     gap: 1rem !important;     text-align: left !important;   }   #mobileMenu .nav-link {            padding: 0.5rem 15px;   } }