@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#0a061c,#05001a,#0a061c);color:#fff;font-family:Inter,sans-serif;min-height:100vh}.container{margin:0 auto;max-width:1280px;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.section{padding:4rem 0}@media (min-width:768px){.section{padding:6rem 0}}.text-accent{color:#facc15}.text-blue{color:#4e89ff}.title-main{color:#fff;font-size:2.25rem;font-weight:800;line-height:1.25;margin-bottom:1rem}@media (min-width:640px){.title-main{font-size:3rem}}@media (min-width:1024px){.title-main{font-size:4rem}}.glowing-card{background-color:#140b28;border:1px solid #4e89ff80;border-radius:1rem;box-shadow:0 0 15px #4e89ffb3,inset 0 0 5px #4e89ff80;padding:2rem;transition:transform .5s ease-in-out,box-shadow .5s ease-in-out}.glowing-card:hover{transform:scale(1.02)}.glowing-pill{background-color:#1a0b36;border:1px solid #6b21a8;border-radius:.75rem;box-shadow:0 0 15px #4e89ffb3,inset 0 0 5px #4e89ff80;cursor:default;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:background-color .3s}.glowing-pill:hover{background-color:#3f007e}.header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#05001af2;box-shadow:0 4px 6px #0000001a;left:0;position:fixed;top:0;width:100%;z-index:50}.header-content{align-items:center;display:flex;height:5rem;justify-content:space-between}.logo{color:#4e89ff;font-size:1.875rem;font-weight:800;letter-spacing:-.05em}.nav-desktop{align-items:center;display:none;gap:1.5rem}@media (min-width:768px){.nav-desktop{display:flex}}.nav-link{color:#d1d5db;font-weight:500;transition:color .15s ease-in-out}.nav-link:hover{color:#fff}.contact-button{background-color:#4e89ff33;border:1px solid #4e89ff;border-radius:9999px;box-shadow:0 0 15px #4e89ffb3;color:#fff;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s}.contact-button:hover{background-color:#4e89ff66}@media (min-width:768px){.menu-button{display:none}}.hero-section{padding-bottom:6rem;padding-top:8rem;text-align:center}.hero-heading{color:#fff;font-size:2.5rem;font-weight:800;line-height:1.25}@media (min-width:640px){.hero-heading{font-size:3.75rem}}@media (min-width:1024px){.hero-heading{font-size:4.5rem}}.hero-subtext{color:#d1d5db;font-size:1.25rem;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:56rem}@media (min-width:640px){.hero-subtext{font-size:1.5rem}}.portfolio-button{align-items:center;background-color:#4e89ff33;border:1px solid #4e89ff;border-radius:9999px;box-shadow:0 0 15px #4e89ffb3,inset 0 0 5px #4e89ff80;color:#fff;display:inline-flex;font-size:1.125rem;font-weight:600;margin-top:2.5rem;padding:.75rem 2rem;transition:background-color .3s}.portfolio-button:hover{background-color:#4e89ff66}.client-section{padding:4rem 0}@media (min-width:768px){.client-section{padding:5rem 0}}.client-logos,.logo-marquee{overflow:hidden}.logo-marquee{width:100%}.logo-track{align-items:center;animation:marquee-rtl 20s linear infinite;display:flex;flex-wrap:nowrap;gap:2rem;white-space:nowrap}.logo-track:hover{animation-play-state:paused}.logo-item{flex:0 0 auto}@media (min-width:768px){.logo-track{gap:4rem}}@keyframes marquee-rtl{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.client-logo-name{filter:drop-shadow(0 0 8px rgba(78,137,255,.7));font-weight:900;padding:1rem}.logo-eva{color:#f97316;font-size:2.25rem}.logo-clues{color:#c084fc;font-size:2.25rem}.logo-biyde{color:#2dd4bf;font-size:2.25rem}.logo-campalin{color:#c7e054;font-size:2.25rem}.solutions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.solutions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.solution-icon-container{background-color:#6d28d966;border:1px solid #4e89ff80;border-radius:.75rem;box-shadow:0 0 15px #4e89ffb3,inset 0 0 5px #4e89ff80;padding:1rem}.solution-icon-container svg{color:#c084fc}.solution-title{color:#fff;font-size:1.25rem;font-weight:700}.solution-description{color:#9ca3af}.workflow-section{padding:4rem 0}@media (min-width:768px){.workflow-section{padding:6rem 0}}.workflow-container{gap:3rem;margin:0 auto;max-width:42rem;position:relative}.workflow-line{display:none}@media (min-width:768px){.workflow-line{background-color:#3b82f64d;bottom:0;display:block;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}}.workflow-step{display:flex;justify-content:flex-start;position:relative}@media (min-width:768px){.workflow-step:nth-child(2n){justify-content:flex-start}.workflow-step:nth-child(odd){justify-content:flex-end}}.workflow-step .glowing-card{max-width:24rem;width:100%}.step-number{color:#facc15;display:block;font-size:3rem;font-weight:800;margin-bottom:.5rem}.connector-dot{display:none}@media (min-width:768px){.connector-dot{background-color:#4e89ff;border-radius:50%;box-shadow:0 0 0 4px #0a061c,0 0 0 6px #4e89ff;display:block;height:1rem;position:absolute;top:50%;transform:translateY(-50%);width:1rem;z-index:10}}.tech-container{margin:0 auto;max-width:42rem;padding:0 1rem;text-align:center}.tech-category-title{color:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.5));font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.tech-skills-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.portfolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-card{overflow:hidden;padding:0;text-align:left}.project-image{border-bottom:1px solid #4e89ff80;border-top-left-radius:1rem;border-top-right-radius:1rem;height:12rem;margin-bottom:1rem;object-fit:cover;width:100%}.project-info{padding:1.5rem}.project-type{background-color:#6d28d94d;border-radius:9999px;color:#c084fc;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:.75rem;padding:.25rem .75rem}.project-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.project-description{color:#9ca3af;font-size:.875rem;margin-bottom:1rem}.project-tech-list{border-top:1px solid #6b728080;display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem}.project-tech-pill{background-color:#25004d;border:1px solid #9333ea;border-radius:.375rem;color:#d8b4fe;font-size:.75rem;padding:.25rem .5rem}.testimonial-text{color:#e5e7eb;font-size:1.25rem;font-style:italic;line-height:1.6}.star-icon{fill:#facc15;color:#facc15;height:1.25rem;width:1.25rem}.contact-info-item{align-items:flex-start;display:flex;gap:1rem}.contact-icon{color:#60a5fa;flex-shrink:0;height:1.5rem;margin-top:.25rem;width:1.5rem}.contact-label{color:#fff;font-weight:600}.contact-value{color:#9ca3af}.contact-form label{color:#d1d5db;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.contact-form input,.contact-form textarea{background-color:#1a0b36;border:1px solid #4e89ff4d;border-radius:.75rem;color:#fff;padding:.75rem;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#4e89ff;outline:2px solid #4e89ff}.submit-button{background-color:#4e89ff66;border:1px solid #4e89ff;border-radius:.75rem;box-shadow:0 0 15px #4e89ffb3,inset 0 0 5px #4e89ff80;color:#fff;font-size:1.125rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s;width:100%}.submit-button:hover{background-color:#4e89ff99}@media (min-width:1024px){.contact-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,minmax(0,1fr))}}.footer{background-color:#03000b;border-top:1px solid #374151;padding:3rem 0}.footer-content{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:space-between}@media (min-width:768px){.footer-content{flex-direction:row}}.footer-logo{color:#4e89ff;font-size:1.5rem;font-weight:800;margin-bottom:1rem}@media (min-width:768px){.footer-logo{margin-bottom:0}}.footer-text{font-size:.875rem;margin-bottom:1rem;text-align:center}@media (min-width:768px){.footer-text{margin-bottom:0;text-align:left}}.footer-links{display:flex;font-size:.875rem;gap:1.5rem}.footer-links a:hover{color:#fff;transition:color .3s}.footer-copy{color:#4b5563;font-size:.75rem;margin-top:2rem;text-align:center}.flex-center{display:flex;justify-content:center}.flex-col{display:flex;flex-direction:column}.w-full{width:100%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.ml-1{margin-left:.25rem}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mobile-nav-widget{align-items:center;display:flex;position:relative}@media (min-width:768px){.mobile-nav-widget{display:none}}.mobile-menu-toggle{align-items:center;background-color:initial;border:1px solid #9ca3af4d;border-radius:.5rem;color:#9ca3af;cursor:pointer;display:inline-flex;height:2.5rem;justify-content:center;padding:.5rem;transition:all .3s ease;width:2.5rem;z-index:50}.mobile-menu-toggle:hover{background-color:#4e89ff1a;border-color:#4e89ff80;color:#fff}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-nav-overlay{animation:fadeIn .3s ease;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:40}.mobile-nav-panel{background:linear-gradient(135deg,#0a061c,#140b28 50%,#1a0d46);border-left:1px solid #4e89ff4d;box-shadow:-4px 0 20px #4e89ff33;display:flex;flex-direction:column;height:100vh;max-width:28rem;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:45}.mobile-nav-panel.open{right:0}.mobile-nav-header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0a061cf2;border-bottom:1px solid #4e89ff33;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0}.mobile-nav-title{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.mobile-nav-close{align-items:center;background-color:initial;border:none;border-radius:.375rem;color:#9ca3af;cursor:pointer;display:inline-flex;height:2.25rem;justify-content:center;padding:.25rem;transition:all .2s ease;width:2.25rem}.mobile-nav-close:hover{background-color:#4e89ff1a;color:#fff}.mobile-nav-content{display:flex;flex:1 1;flex-direction:column;padding:1rem 0}.mobile-nav-link{align-items:center;color:#d1d5db;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease}.mobile-nav-link:before{background:linear-gradient(180deg,#4e89ff,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:.25rem}.mobile-nav-link:hover{background-color:#4e89ff1a;color:#fff;padding-left:1.75rem}.mobile-nav-link:hover:before{opacity:1}.mobile-nav-link-text{flex:1 1}.mobile-nav-link-accent{color:#4e89ff;font-weight:600;opacity:0;transform:translateX(-8px);transition:all .2s ease}.mobile-nav-link:hover .mobile-nav-link-accent{opacity:1;transform:translateX(0)}.mobile-nav-divider{background:linear-gradient(90deg,#0000,#4e89ff4d,#0000);height:1px;margin:.5rem 1.5rem}.mobile-nav-cta{background:linear-gradient(135deg,#4e89ff33,#6b21a81a);border:1.5px solid #4e89ff;border-radius:.75rem;box-shadow:0 0 15px #4e89ff4d;color:#fff;cursor:pointer;font-weight:600;margin:.5rem 1rem;padding:1rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.mobile-nav-cta:hover{background:linear-gradient(135deg,#4e89ff4d,#6b21a833);box-shadow:0 0 20px #4e89ff80;transform:translateY(-2px)}.mobile-nav-cta:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.dad67cca.css.map*/