@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";:root{--bg-gray-900:#111827;--text-white:#fff;--red-logo:#dc1f33;--red-dark:#b91c1c;--red-button:#dc2626;--red-text:#f87171;--gray-neutral:#4b5563;--gray-light:#9ca3af;--gray-lighter:#e5e7eb;--gray-lightest:#f3f4f6;--bg-gray-800:#1f2937;--bg-gray-700:#374151;--bg-gray-600:#4b5563;--bg-gray-100:#f3f4f6;--bg-light:#f0f2f5;--black:#000;--white:#fff}*{cursor:none;box-sizing:border-box;margin:0;padding:0}.brand-gradient-text{color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}body{background-color:var(--bg-gray-900);color:var(--text-white);font-family:Inter,sans-serif}.agile-section{color:#374151;text-align:center;background-color:#f3f4f6;padding:4rem 1rem}.agile-section h2{margin-bottom:1rem;font-size:1.875rem;font-weight:700}.agile-section p{color:#6b7280;max-width:36rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:.875rem}.agile-section .grid{grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:2rem;display:grid}@media (min-width:768px){.agile-section .grid{grid-template-columns:repeat(4,1fr)}}.agile-section .bg-white{background-color:#fff;border-radius:.375rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.agile-section .text-2xl{color:#3b82f6;font-size:1.5rem;font-weight:700}.agile-section .text-sm{color:#6b7280;font-size:.875rem}.agile-section .relative{position:relative}.agile-section svg{width:2.5rem;height:2.5rem}.agile-section .flex{flex-direction:column;align-items:center;gap:.5rem;margin-top:2.5rem;display:flex}.agile-section .p-2{padding:.5rem}.agile-section .rounded{border-radius:.375rem}.agile-section .shadow{box-shadow:0 1px 2px #0000000d}.agile-section .text-blue-600{color:#3b82f6}.agile-section .font-semibold{font-weight:600}.navbar{background:linear-gradient(to right,var(--black)0%,var(--bg-gray-900)50%,var(--black)100%);z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;display:flex}.navbar-logo{color:var(--red-logo);letter-spacing:-.03em;font-family:Alan Sans,Inter,sans-serif;font-size:2.5rem;font-weight:700;text-decoration:none;transition:color .2s,transform .2s,text-shadow .2s}.navbar-menu{gap:3.5rem;margin:0;font-family:Alan Sans,Inter,sans-serif;list-style:none;display:flex}.navbar-item{position:relative}.navbar-link,.navbar-link:hover{color:var(--text-white);cursor:pointer;align-items:center;gap:.25rem;font-family:Alan Sans,Inter,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s,transform .2s;display:flex}.hero-section{background:var(--bg-gray-900);width:100%;height:100vh;padding-top:80px;position:relative;overflow:hidden}.tech-section{background:var(--bg-gray-900);width:100%;font-family:Alan Sans,Inter,sans-serif;position:relative;overflow:hidden}.tech-header{font-family:Alan Sans,Inter,sans-serif}.hero-content{z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:1280px;height:100%;margin:0 auto;display:flex;position:relative}.hero-text{max-width:40rem;color:var(--text-white);flex:1}.hero-text h1{margin-bottom:1rem;font-size:2.25rem;font-weight:700;line-height:1.2}@media (min-width:1024px){.hero-text h1{font-size:3.75rem}}.hero-text p{margin-bottom:2rem;font-size:1.2rem}.hero-btn{background:var(--red-button);color:var(--text-white);border-radius:50px;padding:12px 30px;font-weight:700;text-decoration:none;transition:background .3s,transform .2s;display:inline-block}.hero-btn:hover{background:var(--red-dark);transform:translateY(-3px)}.hero-image{flex:1;justify-content:center;align-items:center;display:flex}@media (min-width:1024px){.hero-image{display:flex}}@media (max-width:768px){.hero-section{padding-top:100px}.hero-content{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:1.5rem 1rem}.hero-text{max-width:90%;margin-bottom:1.5rem}.hero-text h1{font-size:1.875rem;line-height:1.3}.hero-text p{margin-bottom:1.5rem;font-size:1rem}.hero-content .flex{flex-direction:column;gap:.75rem;margin-top:1.5rem}.navbar-button{width:100%;padding:.75rem 1rem;font-size:.875rem}.primary,.secondary{padding:.75rem 1rem}}@media (min-width:640px) and (max-width:768px){.hero-text h1{font-size:2.25rem}.hero-content .flex{flex-direction:row;justify-content:center;gap:1rem}.navbar-button{width:auto}}@media (max-width:768px){.hero-image{display:none}.hero-image img{max-width:100%;height:auto}}.hero-image img{border-radius:12px;width:100%;max-width:60rem;height:auto;transition:transform .3s;transform:scale(1);box-shadow:0 10px 30px #0000004d}.hero-image img:hover{transform:scale(1.05)}.hero-section .absolute{background:linear-gradient(to right,var(--black)0%,var(--bg-gray-900)50%,var(--black)100%);opacity:.8;position:absolute;inset:0}.hero-overlay{background:#0003;position:absolute;inset:0}.navbar-button{border-radius:9999px;padding:.5rem 1.25rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-block}.primary{background:var(--red-logo);color:var(--text-white);border:none;padding:.5rem 1.5rem}.primary:hover{background:var(--red-dark);padding:.5rem 1.5rem;transform:translateY(-2px);box-shadow:0 2px 8px #0003}.secondary{background:var(--white);border:2px solid var(--red-dark);color:var(--red-dark);padding:.5rem 1.5rem;transition:all .2s ease-in-out}.secondary:hover{background:var(--red-dark);color:var(--text-white);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.hero-content .flex{gap:1rem;margin-top:1rem;display:flex}section.bg-white{background:var(--white);color:var(--gray-900);padding:0 1rem}.max-w-7xl h2{color:var(--gray-900);text-align:center;margin-bottom:3rem;font-size:1.875rem;font-weight:700}@media (min-width:768px){.max-w-7xl h2{font-size:2.25rem}}.portfolio-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:repeat(4,1fr)}}.bg-gray-100{background:var(--bg-gray-100);border-radius:.5rem;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.bg-gray-100:hover{transform:translateY(-.5rem);box-shadow:0 4px 6px #0000001a}.bg-gray-100 .h-48{background-position:50%;background-size:cover;height:12rem}.bg-gray-100 .p-6{padding:1.5rem}.bg-gray-100 h3{color:var(--gray-800);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.bg-gray-100 p{color:var(--gray-600);margin-bottom:1rem;font-size:.875rem}.bg-gray-100 a{color:var(--red-text);font-size:.875rem;font-weight:600;text-decoration:none}.bg-gray-100 a:hover{text-decoration:underline}section.bg-gray-800{background:var(--bg-gray-800);padding:5rem 1rem}.dropdown-arrow{font-size:.75rem;transition:transform .3s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{background:var(--white);opacity:0;z-index:10;border-radius:8px;min-width:200px;padding:.5rem 0;list-style:none;animation:.3s forwards fadeIn;position:absolute;top:2rem;left:0;transform:translateY(10px);box-shadow:0 4px 20px #0000001a}.dropdown-menu li a{color:var(--gray-neutral);padding:.75rem 1.5rem;text-decoration:none;transition:background .2s,color .2s,padding-left .2s;display:block}.dropdown-menu li a:hover{background:var(--bg-light);color:var(--red-logo);padding-left:1.75rem}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.navbar-actions{gap:1rem;display:flex}.navbar-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.35rem;display:none}.hamburger-line{background:var(--gray-neutral);width:24px;height:2px;transition:all .3s}.hamburger-line.open:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.mobile-menu{background:var(--white);z-index:9;width:100%;animation:.3s slideDown;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000001a}.mobile-menu-list{padding:1rem 2rem;list-style:none}.mobile-menu-list li{margin-bottom:1rem}.mobile-menu-list a{color:var(--gray-neutral);font-family:Alan Sans,Inter,sans-serif;font-size:1.1rem;text-decoration:none;display:block}.mobile-menu-list a:hover{color:var(--red-logo)}.mobile-dropdown{cursor:pointer}.industries-container{width:100%;position:relative}.industries-row{justify-content:space-between;align-items:center;width:100%;max-width:none;margin:0 auto;padding:0;display:flex}.industry-card{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1rem;transition:background-color .3s;display:flex;position:relative}.industry-card:not(:last-child):after{content:"";background-color:var(--gray-light);width:1px;height:50%;position:absolute;right:0}.industry-card img{width:64px;height:64px;margin-bottom:.5rem}.industry-name{text-align:center;color:var(--gray-800);opacity:.6;font-size:1.25rem;font-weight:700;transition:opacity .3s,color .3s}.industry-card:hover{background-color:var(--bg-light)}.industry-card:hover .industry-name{opacity:1;color:#000}@media (max-width:1024px){.industries-row{flex-wrap:wrap;justify-content:center}.industry-card{flex:0 0 33.33%;margin-bottom:1rem}.industry-card:not(:last-child):after{display:none}}@media (max-width:640px){.industry-card{flex:0 0 50%}}.mobile-dropdown-menu{margin-top:.5rem;padding-left:1.5rem;list-style:none}.mobile-dropdown-menu li{margin-bottom:.75rem}.mobile-button{text-align:center;border-radius:8px;margin-top:.5rem;padding:.75rem;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.navbar-menu,.navbar-actions{display:none}.navbar-hamburger{display:flex}.hero-content{text-align:center;flex-direction:column;justify-content:center;padding:2rem 1rem}.hero-text{max-width:100%}.hero-text h1{font-size:2.2rem}.hero-text p{font-size:1rem}.hero-image{margin-top:2rem}.hero-image img{max-width:90%}.portfolio-grid{grid-template-columns:1fr}}@font-face{font-family:Alan Sans;src:url(https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300;400;500;600;700;800;900&display=swap);font-display:swap}body{background:#050b17;margin:0;font-family:sans-serif;overflow-x:hidden}.container-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:620px;max-width:100%;min-height:100vh;margin:0 auto;padding:20px;display:flex}.container{filter:drop-shadow(0 0 30px #6863ff1a);width:600px;height:300px;margin:0 auto;position:relative}.circle-center{z-index:20;-webkit-backdrop-filter:blur(12px)brightness(1.1);backdrop-filter:blur(12px)brightness(1.1);background:radial-gradient(circle at 30% 30%,#8c87ff66 0%,#6e69ff40 30%,#504bff59 70%,#322dff80 100%);border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:3s ease-in-out infinite continuousGlow;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 40px #8c87ff40,0 0 20px #ffffff26,inset 0 2px 10px #ffffff1a,inset 0 -2px 10px #0000004d}.circle-center:before{content:"";z-index:-1;opacity:0;background:radial-gradient(circle,#0000 40%,#fff9 50%,#0000 60%);border-radius:50%;transition:opacity .4s;position:absolute;inset:0}.circle-center:after{display:none}@keyframes continuousGlow{0%,to{box-shadow:0 0 35px #8c87ff40,0 0 18px #ffffff26,inset 0 2px 8px #ffffff1a}50%{box-shadow:0 0 50px #8c87ff59,0 0 25px #fff3,inset 0 2px 12px #ffffff26}}.circle-center.animate:before{animation:1.5s cubic-bezier(.33,1,.68,1) forwards ringPulse}@keyframes ringPulse{0%{opacity:0;transform:scale(.8)}20%{opacity:.8}to{opacity:0;transform:scale(1.8)}}.circle-center img{filter:brightness(1.1)saturate(1.1);z-index:2;width:50%;height:auto;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.box{box-sizing:border-box;z-index:15;color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#313757f2 0%,#252c56f2 100%);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 25px #0006,inset 0 1px #ffffff26,inset 0 -1px #0006,0 0 0 1px #ffffff0d}.box:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#6863ff33,#ffffff1a);border-radius:50%;transition:opacity .4s;position:absolute;inset:0}.box:after{content:"";z-index:-2;opacity:0;background:linear-gradient(135deg,#365bff85,#6e6bff8c,#365bff85);border-radius:50%;transition:opacity .4s;position:absolute;inset:-2px}.box img{filter:brightness(.95)contrast(1.1)saturate(1.1);border-radius:50%;width:38px;height:38px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.box:hover{z-index:25;border:2px solid #ffffffe6;transform:scale(1.15)translateY(-2px);box-shadow:0 12px 35px #fff3,0 0 50px #6863ff99,inset 0 2px #ffffff40,0 0 20px #6863ff66}.box:hover:before,.box:hover:after{opacity:1}.box:hover img{filter:brightness(1.3)contrast(1.2)saturate(1.3)drop-shadow(0 0 10px #fffc);transform:scale(1.15)}@keyframes glowPulse{0%,to{box-shadow:0 12px 35px #fff3,0 0 50px #6863ff99,0 0 20px #6863ff66}50%{box-shadow:0 15px 40px #ffffff4d,0 0 65px #6863ffcc,0 0 30px #6863ff99}}.box:hover{animation:2s ease-in-out infinite glowPulse}.box1{top:25px;left:115px}.box2{top:40%;left:25px}.box3{bottom:25px;left:115px}.box4{top:25px;right:115px}.box5{top:40%;right:25px}.box6{bottom:25px;right:115px}.line-box1{z-index:5;clip-path:polygon(0 0,115px 0,115px 80px,113px 80px,113px 2px,0 2px);background:0 0;width:115px;height:80px;position:absolute;top:60px;left:175px;overflow:hidden}.light-line-box1{filter:blur(.5px);background:linear-gradient(90deg,#0000,#fff,#fffc,#0000);border-radius:3px;width:25px;height:4px;transition:all linear;position:absolute;top:-1px;left:-25px;transform:translate(0);box-shadow:0 0 15px #fffc,0 0 30px #8c87ff99}.light-line-box1.animate{animation:1s ease-out forwards lightLineBox1}@keyframes lightLineBox1{0%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translate(115px)}80%{opacity:1;transform:translate(115px,78px)}to{opacity:1;transform:translate(115px,78px)}}.line-box2{z-index:5;background:0 0;width:160px;height:2px;position:absolute;top:50%;left:85px;overflow:hidden;transform:translateY(-50%)}.light-line-box2{filter:blur(.5px);background:linear-gradient(90deg,#0000,#fff,#fffc,#0000);border-radius:3px;width:25px;height:4px;transition:all linear;position:absolute;top:50%;left:-25px;transform:translateY(-50%);box-shadow:0 0 15px #fffc,0 0 30px #8c87ff99}.light-line-box2.animate{animation:.8s ease-out forwards lightTravel2}@keyframes lightTravel2{0%{opacity:1;transform:translateY(-50%)}90%{opacity:1;transform:translate(160px,-50%)}to{opacity:0;transform:translate(160px,-50%)}}.line-box3{z-index:5;clip-path:polygon(113px 0,115px 0,115px 80px,0 80px,0 78px,113px 78px);background:0 0;width:115px;height:80px;position:absolute;bottom:60px;left:175px;overflow:hidden}.light-line-box3{filter:blur(.5px);background:linear-gradient(90deg,#0000,#fff,#fffc,#0000);border-radius:3px;width:25px;height:4px;transition:all linear;position:absolute;bottom:-1px;left:-25px;transform:translate(0);box-shadow:0 0 15px #fffc,0 0 30px #8c87ff99}.light-line-box3.animate{animation:1s ease-out forwards lightLineBox3}@keyframes lightLineBox3{0%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translate(115px)}80%{opacity:1;transform:translate(115px,-78px)}to{opacity:1;transform:translate(115px,-78px)}}.line-box4{z-index:5;clip-path:polygon(0 0,115px 0,115px 2px,2px 2px,2px 80px,0 80px);background:0 0;width:115px;height:80px;position:absolute;top:60px;right:175px;overflow:hidden}.light-line-box4{filter:blur(.5px);background:linear-gradient(90deg,#0000,#fff,#fffc,#0000);border-radius:3px;width:25px;height:4px;transition:all linear;position:absolute;top:-1px;right:-25px;transform:translate(0);box-shadow:0 0 15px #fffc,0 0 30px #8c87ff99}.light-line-box4.animate{animation:1s ease-out forwards lightLineBox4}@keyframes lightLineBox4{0%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translate(-115px)}80%{opacity:1;transform:translate(-115px,78px)}to{opacity:1;transform:translate(-115px,78px)}}.line-box5{z-index:5;background:0 0;width:160px;height:2px;position:absolute;top:50%;right:85px;overflow:hidden;transform:translateY(-50%)}.light-line-box5{filter:blur(.5px);background:linear-gradient(90deg,#0000,#fff,#fffc,#0000);border-radius:3px;width:25px;height:4px;transition:all linear;position:absolute;top:50%;right:-25px;transform:translateY(-50%);box-shadow:0 0 15px #fffc,0 0 30px #8c87ff99}.light-line-box5.animate{animation:.8s ease-out forwards lightTravel5}@keyframes lightTravel5{0%{opacity:1;transform:translateY(-50%)}90%{opacity:1;transform:translate(-160px,-50%)}to{opacity:0;transform:translate(-160px,-50%)}}.line-box6{z-index:5;clip-path:polygon(0 0,2px 0,2px 78px,115px 78px,115px 80px,0 80px);background:0 0;width:115px;height:80px;position:absolute;bottom:60px;right:175px;overflow:hidden}.light-line-box6{filter:blur(.5px);background:linear-gradient(90deg,#0000,#fff,#fffc,#0000);border-radius:3px;width:25px;height:4px;transition:all linear;position:absolute;bottom:-1px;right:-25px;transform:translate(0);box-shadow:0 0 15px #fffc,0 0 30px #8c87ff99}.light-line-box6.animate{animation:1s ease-out forwards lightLineBox6}@keyframes lightLineBox6{0%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translate(-115px)}80%{opacity:1;transform:translate(-115px,-78px)}to{opacity:1;transform:translate(-115px,-78px)}}@media (max-width:768px){.container-wrapper{transform-origin:50%;padding:10px;transform:scale(.85)}}@media (max-width:480px){.container-wrapper{transform:scale(.7)}}.container{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(.5deg)}}.container:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 20%,#6863ff1a 1px,#0000 1px) 0 0/50px 50px,radial-gradient(circle at 80% 80%,#ffffff0d 1px,#0000 1px) 0 0/30px 30px;width:200%;height:200%;animation:20s linear infinite particleMove;position:absolute;top:-50%;left:-50%}@keyframes particleMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}