#root{margin:0 auto;width:100vw;min-height:100vh;text-align:center;background-color:#242424}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.tech{margin-top:100px;margin-bottom:100px}.tech h4{padding:0;margin:40px 0 0;line-height:normal}.tech h2{font-size:36px;margin:auto;text-align:center;color:#ddd}.tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:70%;padding:20px;margin:0 auto 48px}.tech-item{background-color:#ddd;padding:0 20px;border-radius:8px;font-weight:700;font-size:14px;color:#000;white-space:nowrap}.tech-grid ul{list-style-type:none;padding:20px;margin-bottom:10px}.social{margin-top:24px;display:flex;padding:4px;align-items:center;justify-content:center;justify-content:flex-start;pointer-events:auto;filter:invert(90%)}.hello a{color:#fff}.hello{width:50%;font-size:18px;text-align:right;justify-content:center;align-items:flex-end;padding-right:40px}.column-b,.hello{display:flex;flex-direction:column}.column-b{line-height:100%;width:50%;padding:20px 20px 20px 40px}.column-b h2{font-size:32px;margin:0;padding-top:40px;padding-bottom:12px}.column-b h4{width:70%;font-weight:600}.hello,.column-b{height:250px;padding-top:0;padding-bottom:0}@media (max-width:800px){#intro{position:"relative";width:100%}.column-b{background-color:#040505}.column-b h2{font-size:24px}.together{padding:0}.column-b h4{font-weight:400;width:80%;margin-bottom:10px}.social{margin-top:24px;display:flex;padding:0;align-items:flex-end;justify-content:end;justify-content:flex-end}.hello{display:none}.column-b{width:100%}.column-b h4{padding:0;margin:10}.column-b h4:last-child{margin-top:10px}.column-b{margin-bottom:0;padding-bottom:0}}.fluid-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}@media (max-width:800px){.main-head h2{font-size:36px;width:70vw}}.me{width:300px;height:auto;border-radius:12px}@media (max-width: 500px){.main-head{margin-left:0;width:100%;background-color:#218ef3}.intro{margin-left:0}.main-head p{width:325px}.tech-grid{width:80%}.button-grp{margin-top:12px}.button-grp button{margin-top:0}}@keyframes fadeHint{0%{opacity:.3}to{opacity:1}}.programming{background-color:#58e25b}.framework{background-color:#218ef3}.software{background-color:#0fb}.database{background-color:#ddee49}.nav-title{font-size:24px;font-weight:700}.menu-items{font-size:18px;pointer-events:auto}.hamburger{filter:invert(1);width:30px;transition:transform .3s ease}.hamburger-container{display:none;cursor:pointer;z-index:111}.hamburger-container.open .hamburger{transform:rotate(90deg)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:100;display:none}.menu-overlay ul{list-style:none;text-align:center;padding:0}.menu-overlay li{margin:20px 0}.menu-overlay a{text-decoration:none;color:#fff;font-size:24px;font-weight:700;transition:color .3s ease}.navbar img{width:50px;height:50px;background-color:#fff;object-fit:cover;border-radius:12px;margin-top:8px;border:1px solid white}.menu-items{display:flex;align-items:center;margin-left:10px;border-radius:12px;max-height:48px;border:1px solid white}.menu-items a:hover{background-color:#2a2a2a;color:#fff;text-decoration:none}.menu-items a{font-size:16px;margin-left:12px;background-color:transparent;border-radius:12px;color:#fff;padding:12px;text-decoration:none}.menu-items a:first-child{margin-left:0}.navbar{display:flex;justify-content:space-between;width:20%;margin-left:25px;align-items:center;color:#000;z-index:100;top:0;padding:0 20px;height:70px}@media (max-width: 600px){.navbar{margin-left:12px}}#intro canvas{pointer-events:none}.main-head{position:relative;z-index:1;width:50%;padding:48px;margin-top:48px;text-align:left;background-color:transparent;margin-bottom:75px;height:48vh}.main-head h2{font-size:48px;line-height:0}.main-head h4{font-size:18px;margin:0;padding:0;line-height:0}.fade-up,.fadde-up{opacity:0;transition:opacity .5s ease-out,transform 1s ease-out}.fade-up{transform:translateY(30px)}.fade-up.show,.fadde-up.show{opacity:1;transform:translateY(0)}.fadde-up{filter:blur(10px);transition:opacity .5s ease-out,transform .5s ease-out,filter .5s ease-out}.fadde-up.show{filter:blur(0)}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform 1s ease-out}.fade-up.show{opacity:1;transform:translateY(0)}.fadde-up{opacity:0;filter:blur(10px);transition:opacity .5s ease-out,transform .5s ease-out,filter .5s ease-out}.fadde-up.show{opacity:1;transform:translateY(0);filter:blur(0)}.button-grp button{margin-right:10px;margin-top:32px;color:#d4d4d4;background-color:#27262999;border:rgb(212,212,212) 1px solid}.button-grp a{pointer-events:auto}.fluid-canvas,.home-fluid-canvas{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:0}.home-fluid-canvas{position:fixed;height:100%;z-index:-1;pointer-events:auto}.home-background{width:100%;min-height:100vh;background-image:url(/assets/soft-grid.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:0;pointer-events:none}.home-content{z-index:2;color:#fff;pointer-events:none}@media (max-width: 768px){#intro{position:relative;width:100%}.main-head h2{font-size:32px;width:90vw;pointer-events:none;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.button-grp button{padding:5px 10px;margin-left:5px;margin-right:5px}.fluid-canvas{width:100%;height:80vh;position:absolute;top:0;left:0;z-index:-1}.intro{height:auto;overflow:visible;position:relative}.mobile-intro{position:fixed;top:0;left:0;height:90vh;width:100%;z-index:2}.swipe-zone{width:100%;background:transparent;position:absolute;bottom:0;z-index:10;pointer-events:auto}.swipe-zone{height:20vh}.scroll-hint{width:100%;text-align:center;font-size:16px;z-index:10;position:absolute;bottom:16px;color:#fff;animation:fadeHint 2s infinite alternate;pointer-events:auto}.main-head p{font-size:14px;width:70%;color:#c8c8c8;margin-top:12px;line-height:1.2}.main-head{padding:12px;width:100%;margin-top:24px;margin-left:12px}.mobile-intro{height:85vh;position:relative;overflow:hidden}.swipe-zone{position:absolute;bottom:0;height:40vh;width:100%;background:transparent;z-index:5}.scroll-hint{position:absolute;bottom:24px;width:100%;text-align:center;font-size:16px;color:#fffc;animation:fadeHint 2s infinite alternate;z-index:10}}@media (max-width: 400px){.main-head{width:100%}.intro{margin-left:0}.tech-grid{width:80%}.button-grp{margin-top:12px}.button-grp button{margin-top:0}.main-head p{width:80%}.navbar{margin-left:12px}}.featured{display:flex;margin:12px auto 0;padding:24px;gap:24px;background:#27262999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003;align-items:center;flex-direction:column;border-radius:12px;max-width:500px;min-width:300px;flex:1 1 300px;scroll-snap-align:start;justify-content:space-between}.img-proj img{width:100%;height:auto;object-fit:cover}.leftProj{flex:1;display:flex;flex-direction:column;gap:8px;color:#fff}.leftProj h4{margin:0;font-size:18px;font-weight:700;color:#9b70ff}.leftProj h5{margin:0;font-size:14px;line-height:1.5;color:#fffc;font-weight:400}.leftProj button{align-self:flex-start;padding:8px 16px;background:linear-gradient(135deg,#9b70ff,#7c4dff);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px;transition:all .3s ease}.leftProj button:hover{background:linear-gradient(135deg,#8a5fff,#6b42ff);transform:translateY(-2px);box-shadow:0 4px 12px #9b70ff4d}.proj-section{display:flex;align-items:center;justify-content:space-between;width:90%;text-align:left;margin:48px auto 0;max-width:1150px;padding:48px 48px 0}.proj-section h3{color:#fff;margin:0;font-size:28px;font-weight:700}.proj-section p{margin:8px 0 24px;max-width:500px}.proj-section button{padding:8px 16px;background-color:#27262999;color:#d4d4d4;border:1px solid rgb(212,212,212);border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.proj-section button:hover{background:#9b70ff;color:#fff}.row{display:flex;flex-direction:row;gap:24px;width:95%;max-width:1200px;margin:0 auto;overflow-x:auto;scroll-behavior:smooth}.img-proj video{width:100%;height:auto;max-width:500px;border-radius:12px;object-fit:cover;margin:0 auto}@media (max-width: 768px){.img-proj{width:100%;max-width:400px}.leftProj h4{font-size:24px}.leftProj h5{font-size:14px}.proj-section{flex-direction:column;gap:16px;text-align:center;width:90%;padding:24px}.proj-section h3{font-size:28px}.button-grp button{padding:8px 16px;border-radius:4px;margin-left:5px;margin-right:5px}.row{flex-direction:column}}@media (max-width: 480px){.featured{width:95%;padding:16px;min-width:280px;flex-shrink:0}.leftProj h4{font-size:20px}.proj-section h3{font-size:24px}.row{width:95%}.proj-section{padding:20px;width:95%}}.fade-in{animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.button-group a{gap:10;margin-left:5px;margin-right:5px}.carousel-container{overflow:hidden;width:80%;-webkit-mask-image:linear-gradient(to right,#0000,#000 15%,#000 85%,#0000);mask-image:linear-gradient(to right,#0000,#000 15%,#000 85%,#0000)}.carousel-track{display:flex;gap:40px;animation:scroll 20s linear infinite;list-style:none;padding:0;margin:0}.carousel-item{flex-shrink:0}.carousel-item img{width:75px;height:75px;border-radius:12px;object-fit:cover}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (max-width: 500px){.carousel-track{animation:scroll 20s linear infinite}.carousel-item img{width:50px;height:50px}}.section-wrapper_services{width:90%;color:#fff;padding:4rem 2rem}.section-services{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;background-color:#000;align-items:start;pointer-events:auto;border-radius:12px;width:100%}.button-secondary{border:2px solid #fff}.services_image-wrapper{position:sticky;top:2rem;height:600px;width:100%;max-width:100%;overflow:hidden;border-radius:12px}.services_image-scroll{position:relative;width:100%;height:100%}.services_image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease-in-out;border-radius:12px;overflow:hidden;pointer-events:auto}.services_image.active{opacity:1;z-index:1;pointer-events:auto}.services_image img,.services_image video{width:auto;height:100%;object-fit:cover;display:block;pointer-events:auto}.services_image .w-embed{width:100%;height:100%}.services_content{padding:2rem 0}.margin-bottom{margin-bottom:1rem}.margin-xsmall{margin-bottom:.5rem}.tagline-text{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#888;text-align:left;font-weight:500}.services_content-item-wrapper{display:flex;flex-direction:column;gap:4rem;padding-bottom:200px}.services_content-items{min-height:200px;opacity:.5;transition:opacity .4s ease;text-decoration:none;color:inherit;display:block;cursor:pointer}.services_content-items.active{opacity:1;animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}.services_content-items:hover{opacity:.8}.services-mobile_image-wrapper{display:none}.heading-style-h5{font-size:1.5rem;text-align:left;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.02em}.services_content-wrapper{margin-top:1rem;text-align:left}.text-size-small{font-size:1rem;line-height:1.6;color:#ccc;max-width:500px}.services_image-mobile{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 800px){.services_content{padding:14px}.services_content-item-wrapper{padding-bottom:24px}.section-services{grid-template-columns:1fr;gap:2rem}.services_image-scroll{height:300px}.services_image-wrapper{display:none;pointer-events:auto}.services-mobile_image-wrapper{display:block;width:100%;height:300px;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;pointer-events:auto}.services_content-items{min-height:auto;opacity:1;pointer-events:auto}.services_content-item-wrapper{gap:3rem}.services-mobile_image-wrapper a{display:block;width:100%;height:100%;pointer-events:auto}}@media (max-width: 767px){.section-wrapper_services{padding:3rem 1.5rem}.heading-style-h5{font-size:1.25rem}.text-size-small{font-size:.95rem}.services-mobile_image-wrapper{height:250px}.services_content-item-wrapper{gap:2.5rem}}@media (max-width: 479px){.section-wrapper_services{padding:2rem 1rem}.heading-style-h5{font-size:1.125rem}.text-size-small{font-size:.9rem}.services-mobile_image-wrapper{height:200px;pointer-events:auto}}.chatbot-toggle-btn{position:fixed;bottom:24px;right:24px;width:64px;pointer-events:auto;height:64px;background:linear-gradient(to right,#ec4899,#a855f7);color:#fff;border:none;border-radius:50%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;transition:transform .2s}.chatbot-toggle-btn:hover{transform:scale(1.1)}.chatbot-window{position:fixed;bottom:96px;right:24px;width:384px;height:600px;background:linear-gradient(to bottom right,#11101b,#1e1c2e,#2a293e);color:#f1f5f9;border-radius:16px;pointer-events:auto;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;z-index:9999;border:1px solid rgba(255,255,255,.1);font-family:Inter,sans-serif}.chatbot-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;border-radius:16px 16px 0 0}.chatbot-title{font-size:18px;font-weight:700;text-align:center;background:linear-gradient(to right,#fda4af,#d8b4fe,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.chatbot-messages{flex-grow:1;padding:16px;overflow-y:auto;display:flex;pointer-events:auto;flex-direction:column;gap:16px}.chatbot-message{display:flex;align-items:flex-start;gap:12px;width:100%;pointer-events:auto}.chatbot-message-user{flex-direction:row-reverse}.chatbot-message-model{flex-direction:row}.chatbot-message-icon{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.chatbot-message-user .chatbot-message-icon{background:#f472b64d}.chatbot-message-model .chatbot-message-icon{background:#c084fc4d}.chatbot-icon-text{color:#fbcfe8;font-size:12px}.chatbot-icon-emoji{font-size:18px}.chatbot-message-bubble{max-width:80%;border-radius:14px;padding:14px;font-size:14px;line-height:1.6}.chatbot-bubble-user{background:#ec48991a;border:1px solid rgba(236,72,153,.2);color:#fce7f3}.chatbot-bubble-model{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#dbeafe}.chatbot-message-text{white-space:pre-wrap;margin:0}.chatbot-link{color:#fda4af;text-decoration:underline;transition:color .2s}.chatbot-link:hover{color:#fecdd3}.chatbot-typing{display:flex;align-items:center;gap:6px;padding:8px}.chatbot-typing-dot{height:8px;width:8px;background:#fda4af;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.chatbot-typing-dot:nth-child(1){animation-delay:-.32s}.chatbot-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0 0 16px 16px}.chatbot-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;justify-content:center}.chatbot-suggestion-btn{padding:8px 16px;font-size:13px;color:#e9d5ff;background:#a855f71a;border:1px solid rgba(192,132,252,.2);border-radius:14px;cursor:pointer;transition:all .2s}.chatbot-suggestion-btn:hover{background:#a855f733;border-color:#c084fc66}.chatbot-input-form{display:flex;align-items:center;gap:8px}.chatbot-input{flex-grow:1;padding:10px 12px;background:#1e293b80;border:1px solid rgba(192,132,252,.3);border-radius:8px;font-size:14px;color:#f1f5f9;outline:none;transition:all .2s;font-family:Inter,sans-serif}.chatbot-input::placeholder{color:#94a3b8}.chatbot-input:focus{border-color:#c084fc;box-shadow:0 0 0 3px #c084fc1a}.chatbot-input:disabled{opacity:.5}.chatbot-send-btn{padding:10px;background:#ec4899;color:#fff;border:none;border-radius:8px;pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chatbot-send-btn:hover:not(:disabled){background:#db2777}.chatbot-send-btn:disabled{background:#475569;cursor:not-allowed}.chatbot-send-btn:focus{outline:none;box-shadow:0 0 0 3px #ec48994d}.chatbot-window-static{width:80%;max-width:800px;height:600px;margin:40px auto;background:linear-gradient(to bottom right,#11101b,#1e1c2e,#2a293e);color:#f1f5f9;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);font-family:Inter,sans-serif;pointer-events:auto}.chatbot-feedback{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;margin:8px 16px;background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:12px}.chatbot-feedback-text{font-size:14px;color:#c4b5fd;margin:0}.chatbot-feedback-buttons{display:flex;gap:12px}.chatbot-feedback-btn{padding:8px 16px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:20px;color:#c4b5fd;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chatbot-feedback-btn:hover{background:#8b5cf633;border-color:#8b5cf680;transform:scale(1.05)}.chatbot-more-container{position:relative}.chatbot-more-btn{background:#8b5cf626;border-color:#8b5cf64d}.chatbot-more-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;display:flex;flex-direction:column;gap:8px;background:#0f172afa;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:12px;box-shadow:0 4px 12px #0000004d;z-index:10;max-height:200px;width:100%;overflow-y:auto}.chatbot-more-dropdown .chatbot-suggestion-btn{margin:0;width:100%}.chatbot-more-container{width:50%}.chatbot-gif-container{margin-bottom:8px;border-radius:12px;overflow:hidden;animation:gifAppear .5s ease-out}@keyframes gifAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chatbot-gif{width:100%;max-width:250px;height:auto;display:block;border-radius:12px}.styled-contact-form{max-width:600px;margin:4rem auto;padding:2rem;color:#1c1c1c;background:#eaeaec;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003}.styled-contact-form h1,.styled-contact-form h2{font-weight:500;font-size:2rem;margin:2rem 0 1rem}.styled-contact-form label{display:block;font-size:.75rem;letter-spacing:1px;margin:1.5rem 0 .5rem;text-transform:uppercase;font-weight:500}.styled-contact-form .optional{color:#aaa}.styled-contact-form input,.styled-contact-form textarea{width:100%;border:none;border-bottom:1px solid #333;background:transparent;padding:.6rem 0;font-size:1rem;color:#1c1c1c;font-family:inherit;transition:border-color .3s}.styled-contact-form input:focus,.styled-contact-form textarea:focus{outline:none;border-bottom:1px solid #000}.styled-contact-form textarea{min-height:120px;resize:vertical}.required{color:#dc143c}.styled-contact-form button{margin-top:2rem;padding:.8rem 2rem;font-size:1rem;background:#1c1c1c;color:#fff;border:none;border-radius:4px;cursor:pointer}.styled-contact-form button:hover{background:#000}.entire{height:auto;animation:gradientFlow 10s ease infinite alternate;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;background-image:radial-gradient(18% 28% at 24% 50%,#cefaff 7%,#073aff00),radial-gradient(30% 40% at 18% 71%,#1b1319 6%,#073aff00),radial-gradient(70% 53% at 36% 76%,#596769,#073aff00),radial-gradient(42% 53% at 15% 94%,#fff 7%,#073aff00),radial-gradient(42% 53% at 34% 72%,#fff 7%,#073aff00),radial-gradient(18% 28% at 35% 87%,#fff 7%,#073aff00),radial-gradient(31% 43% at 7% 98%,#fff 24%,#073aff00),radial-gradient(21% 37% at 72% 23%,#575a519c 24%,#073aff00),radial-gradient(35% 56% at 91% 74%,#3e3a47 9%,#073aff00),radial-gradient(74% 86% at 67% 38%,#235238 24%,#073aff00),linear-gradient(125deg,#112838 1%,#12003d)}@keyframes gradientFlow{0%{background-position:0% 0%;filter:hue-rotate(0deg)}50%{background-position:20% 30%;filter:hue-rotate(90deg)}to{background-position:0% 0%;filter:hue-rotate(180deg)}}.entire{padding-bottom:20px}@media (max-width:600px){.entire{width:100%}.styled-contact-form{width:80%;margin:12px;max-width:300px}.styled-contact-form h1,.styled-contact-form h2{font-size:1.25rem}.styled-contact-form{margin:2rem auto;padding:1rem}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.main-container{width:100vw;background-color:#ededed;padding:20px;margin-top:0;color:#000}.main-container header{margin:0 auto}.main-container header h1{font-size:70px;height:40px;text-align:center;letter-spacing:-1px}.main-container header h2{color:#06f;font-size:25px;height:40px;letter-spacing:-1px;margin-bottom:40px;text-align:center;overflow:hidden}.main-container h2{text-align:center}.main-container header h4{width:60%;margin:0 auto;text-align:center;font-size:22px;overflow:hidden}.carousel-parent,.carousel-container{margin:0 auto}.carousel-parent img{margin:0 auto;width:100px;height:auto;padding:10px}.carousel-parent h2{font-size:32px;width:50%;margin-left:65px}.text-content{flex:1}.text-content h2{font-size:24px;color:#333;margin-bottom:10px}.text-content p{font-size:16px;color:#666;line-height:1.5;margin-bottom:10px}.review-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.intro-box,.intro-box2,.intro-box3{text-align:left;padding:60px;color:#000}.intro-box{background-color:#c1d3fa}.intro-box2{background-color:#e6dace}.intro-box3{background-color:#e8e6e6}.image-container,.three-boxes-pics,.image-container-solution{display:flex;flex-direction:column;align-items:center;border-radius:8px;padding:20px;margin:20px auto;font-family:Arial,sans-serif}.image-container-solution{background-color:#12233c;border-radius:0;padding:20px;margin:20px 0 0;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite}.image-container img{height:auto;margin-bottom:10px}.secondary-research-container{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#000;background-color:#fff;box-shadow:0 4px 8px #0000001a;margin:5px auto}.research{width:90%;margin:40px auto 0;background-color:#fff;box-shadow:0 4px 8px #0000001a}.research-img{object-fit:cover;width:150px;height:160px;transition:width .3s,height .3s;margin-right:20px}.research-img.open{width:200px;height:300px}.research-text{line-height:1.2;width:70%;padding-right:20px}.research-text h3{color:#06f}.toggle-image{width:40px;height:40px;transition:transform .3s ease}.review-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.text-content h2{height:48px;color:#000}.text-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.three-boxes h2,.painpoints h2,.header-content h3,.research h2{font-size:36px;text-align:center}.research-text h2{font-size:26px}.introduction{display:flex;justify-content:space-around;margin:20px 0}.keys{width:100%}.left,.right{cursor:pointer;width:50px!important;height:50px!important}.impact-image{width:30px;height:30px;margin-right:20px;margin-bottom:100px}.impact-container{box-shadow:0 4px 8px #0000001a;display:flex;align-items:flex-start;justify-content:start;height:auto;padding:20px;margin:0 auto 10px;width:90%;background-color:#f4f4f4}.impact-container img{margin-top:20px;width:40px;height:40px;object-fit:cover;margin-right:20px}.impact-container p{color:#000}.image-container img,.image-container-solution img{width:90%;padding:10px;margin:0 auto}.image-container-solution h2{font-size:36px}.header-content h3{text-align:center}.header-content p{font-size:18px;margin-left:30px;margin-right:30px;text-align:center}.review-container,.secondary-research-container,.header-content p,.image-container img,.image-container-solution img,.painpoints{width:80%}.h{text-align:left;width:60%;font-size:22px;margin:0 auto 20px}.painpoints{box-shadow:0 4px 8px #0000001a;text-align:left;margin:0 auto;color:#000;background-color:#e8e6e6}.painpoints h2{padding:20px 20px 0;margin-bottom:-20px}.painpoints-li h3,.painpoints h3{text-align:center;font-size:24px}.painpoints p{width:90%;padding:20px;margin-top:-30px;text-align:center}.painpoints-li{width:100%;padding:10px}.image-container img,.image-container-solution img{height:auto}.three-boxes{text-align:center;background-color:#e5daf6;width:100%;padding-top:20px;height:auto;padding-bottom:20px;margin:0 auto;grid-template-columns:repeat(1,1fr);background:linear-gradient(-45deg,#b4ffed,#ffe8e1,#ffc1d9,#ace9ff);background-size:400% 400%;animation:gradient 15s ease infinite}.usability{width:80%;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);background-color:#fff;box-shadow:0 4px 8px #0000001a}.review-container{padding:0;margin:40px auto 0}@media (max-width: 800px){.intro-box,.intro-box2,.intro-box3{width:77%;margin:0 auto;padding:30px}.carousel-parent h2{padding:0;margin:0;width:350px}.secondary-research-container{width:100%}.three-boxes h2{width:80%;color:#000;margin:0 auto}.image-container img,.image-container-solution img{width:87%;margin:0}.usability{text-align:center;width:80%;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(3,3fr);box-shadow:0 4px 8px #0000001a}.introduction{display:flex;flex-direction:column;text-align:center;width:90%;margin:0 auto}.main-container header{background-color:#f9f9f9;padding-bottom:40px}.main-container header h1{font-size:3rem}.main-container header h4{font-size:1.2rem;width:90%}.review-container{display:flex;margin-top:40px;flex-direction:column}.painpoints{width:90%}.painpoints-li:first-child{margin-top:40px}.painpoints-li:last-child{margin-bottom:40px}.painpoints-li{width:100%;padding:0;margin-top:10px;margin-bottom:10px;background-color:#efefef;box-shadow:0 4px 8px #0000001a}.painpoints-li p{font-size:.7rem}.h{width:80%;margin-top:20px;font-size:16px}}.main-container header{background-color:transparent}.main-container{padding:20px 0 0}.cursor-circle{position:fixed;top:0;left:0;width:48px;height:48px;border-radius:50%;background-color:#0000004d;pointer-events:none;z-index:99999;transition:transform .1s ease}.entire-page{margin:-72px auto 0;padding-top:72px;background-color:#000;box-shadow:20px 20px 60px #202020,-20px -20px 60px #2c2c2c;width:100vw}.multi-select{display:flex;gap:10px;margin-bottom:20px;width:80vw;overflow:auto}.multi-select-button{padding:6px 12px;border:2px solid #bababa;color:#e5e5e5;border-radius:5px;background-color:transparent;cursor:pointer;transition:background-color .3s,color .3s}.multi-select-button.selected,.multi-select-button:hover{background-color:#535bf2;color:#fff}.multi-select{padding-bottom:20px}.proj-intro,.multi-select{width:80%;margin:0 auto;color:#fff}.project-card img{width:200px;height:auto}.project-list h2{font-size:20px}.project-card{background-color:#282525;width:30px;padding:20px;margin:10px;border:2px solid #bababa;border-radius:5px;box-shadow:0 4px 6px #0000001a}.project-card h2{font-size:20px;color:#fff;margin:10px 0;line-height:.5}.project-card h4{font-size:16px;color:#a3a3a3;margin:5px 0}.project-card div{font-size:16px;line-height:1.2;color:#333;margin-bottom:10px}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.skill-badge{background-color:#cbd7f8;color:#333;padding:5px 10px;border-radius:8px;font-size:14px;cursor:default}.skill-badge.React\.js{background-color:#3a86ff;color:#fff}.skill-badge.Python{background-color:#8338ec;color:#fff}.skill-badge.C\+\+{background-color:#ff006e;color:#fff}.skill-badge.Javascript{background-color:#fb5607;color:#fff}.skill-badge.UXDesign{background-color:#ffbe0b;color:#fff}.skill-badge.Java{background-color:#ff006a;color:#fff}.skill-badge.Blender{background-color:#11bdf2;color:#fff}.skill-badge.mySQL{background-color:#f21160;color:#fff}.skill-badge.APIdev{background-color:#8ec118;color:#fff}.proj-intro h4{font-weight:500;width:600px;margin-top:40px;margin-bottom:0;padding-top:0}.proj-intro h2{margin-bottom:5px}.together{background-color:transparent;display:flex;margin:0;align-items:center;justify-content:space-between;text-align:left;align-items:stretch}.together button{display:flex;align-items:center;padding:0 2px 0 20px;margin:0;background-color:#4d4d4d;height:35px;border:none;border-radius:5px;color:#fff;font-size:14px;cursor:pointer}.together button:hover{background-color:#535bf2}.together img{padding:0;height:24px;transition:transform .2s ease .1s;width:24px;margin:0 0 0 30px}.project-card p{font-size:13px;font-weight:400;color:#c5c5c5;height:100px}.proj-intro h1{margin-bottom:0}.proj-intro h1,.proj-intro h4,.proj-intro h3,.project-card{text-align:left}.projects-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;width:80vw;margin:0 auto;box-sizing:border-box;place-items:center}.project-card{background-color:#282525;width:320px;padding:20px;margin:0;border:2px solid #ffffff;border-radius:5px;box-shadow:0 4px 6px #0000001a}.proj-intro,.projects-list,.multi-select{margin-left:48px}.projects-list{display:flex;gap:14px;margin-bottom:20px;width:80vw;overflow:auto}@media (max-width:768px){.proj-intro{box-shadow:0;width:90%}.proj-intro h1,.proj-intro h3{width:100%}.proj-intro h4{width:90%}}@media (max-width: 1500px){.projects-list{grid-template-columns:repeat(3,1fr);width:80vw;flex-wrap:wrap}.project-card{padding:20px}}.entire-page{background-color:#000;margin-bottom:-20em;padding-bottom:20em}.hero-section{display:flex;margin:-102px auto 0;align-items:center;width:90%;padding:3rem;max-width:1200px}.hero-text{flex:1;text-align:left;max-width:500px}.hero-text h1{margin-bottom:1rem}.hero-text h2{font-size:1.75rem;margin-bottom:1rem}.hero-text p{font-size:1rem;line-height:1.6}.social-icons{font-size:1rem;display:flex;gap:1rem;height:32px;filter:invert(1);margin-top:2rem}.social-icons img{width:32px;height:32px;cursor:pointer;transition:opacity .3s ease}.social-icons img:hover{opacity:.7}.hero-image{flex:1}.hero-image img{margin-left:48px;max-width:600px;border-radius:1rem;object-fit:cover;max-height:700px}.portfolio-section{padding:3rem;background-color:#fdfdf8;text-align:center}.portfolio-section h2{font-size:2rem;margin-bottom:.5rem}.portfolio-section p{margin-bottom:2rem;color:#555}.portfolio-cards{display:flex;justify-content:center;gap:2rem}.card{width:250px;background-color:#eee;border-radius:.75rem;overflow:hidden}.card img{width:100%;height:auto}.card p{padding:1rem;font-weight:500}.client-feature{display:flex;flex-direction:row;align-items:center;padding:3rem;background-color:#fff;gap:2rem}.client-image img{width:250px;border-radius:1rem}.client-bio{flex:1}.client-bio h3{font-size:1.5rem;margin-bottom:.5rem}.client-bio p{margin:.25rem 0;line-height:1.6}.client-bio button{margin-top:1rem;padding:.75rem 1.5rem;background-color:#222;color:#fff;border:none;border-radius:.5rem;cursor:pointer}.client-bio button:hover{background-color:#444}@media (max-width: 900px){.hero-text h2{font-size:24px;margin-bottom:1rem}.hero-section{flex-direction:column;text-align:center;margin:0 auto;padding:1rem;width:80%}.hero-text{padding:1rem 0;width:100%;max-width:none;flex:none;margin:0}.hero-text h1{font-size:32px;margin-bottom:.5rem}.hero-text p{font-size:16px;line-height:1.5;margin-bottom:1.5rem}.social-icons{margin-top:1.5rem}.hero-image{flex:none;width:100%;display:flex;justify-content:center}.hero-image img{margin:1rem 0 0;max-width:480px;width:100%;max-height:350px}.portfolio-section{padding:2rem 1rem}.portfolio-cards{flex-direction:column;align-items:center;gap:1.5rem}.client-feature{flex-direction:column;padding:2rem 1rem;text-align:center}.client-image img{width:200px}}@media (max-width: 480px){.hero-section{padding:.5rem;width:98%}.hero-text{padding:.5rem}.hero-image img{max-width:250px;max-height:300px}.social-icons img{width:28px;height:28px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100vw;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#000;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-content{pointer-events:auto}canvas,.app-container{pointer-events:none}.app-container{overflow-x:hidden;overflow-y:auto}button{pointer-events:auto}
