:root{--icy-white: #f5f9ff;--frost-gray: #e6e9ee;--glacier-blue: #6ce3ee;--steel-blue: #3b6ea5;--helitrope: #e486f4;--midnight-navy: #1a1a2e;--charcoal: #414141;--snow-white: #ffffff}body{margin:0;background:var(--snow-white);font-family:system-ui,sans-serif}h1,h2,h3,h4{font-family:Montserrat,sans-serif;margin:0}a{text-decoration:none;color:var(--glacier-blue);transition:color .3s ease}a:hover{color:var(--steel-blue)}button{border-radius:6px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--glacier-blue);color:var(--snow-white);cursor:pointer;transition:backgorund-color .25s}button:hover{background-color:var(--steel-blue)}html{scroll-behavior:smooth}.section-card{max-width:1100px;margin:4rem auto;padding:3rem 2rem;background:var(--icy-white);box-shadow:0 6px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;position:relative}.section-card{border-radius:16px}.section-card.left{margin-left:5%;margin-right:auto;border-top-right-radius:0;border-bottom-right-radius:0}.section-card.right{margin-right:5%;margin-left:auto;border-top-left-radius:0;border-bottom-left-radius:0}#root{margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.hero{display:flex;justify-content:center;align-items:center;text-align:center;height:70vh;width:100%;background:linear-gradient(135deg,var(--midnight-navy),var(--steel-blue));color:var(--snow-white);padding:1rem}.hero-content h1{font-size:2.5rem;margin-bottom:1rerm;font-weight:800;color:var(--snow-white)}.hero-content p{font-size:1.25rem;margin-bottom:2rem;color:var(--icy-white)}.hero-content button{border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:8px;background-color:var(--glacier-blue);color:var(--midnight-navy);cursor:pointer;transition:all .3s ease}.hero-content button:hover{background-color:var(--heliotrope);color:var(--snow-white);border:1px solid var(--glacier-blue)}.hero-logo{height:200px;margin-bottom:1.5rem;animation:fadeInDown 1s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.services{padding:6rem 2rem;text-align:center;background:linear-gradient(to bottom,var(--icy-white) 0%,var(--icy-white) 80%,var(--frost-gray) 100%)}.services h2{margin-bottom:3rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(22px,1fr));gap:2rem}@media (max-width: 768px){.service-grid{grid-template-columns:1fr}}.service-card{background:var(--snow-white);border-radius:12px;padding:2rem;box-shadow:0 6px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translate(-6px);box-shadow:0 12px 24px #00000026}.service-card span{font-size:2rem}.projects{padding:6rem 2rem;background:linear-gradient(to bottom,var(--icy-white) 0%,var(--frost-gray) 80%,var(--snow-white) 100%)}.project-case{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.project-image{flex:1;min-width:250px;height:200px;background:var(--steel-blue);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px}.project-text{flex:1;min-width:250PX}.about{padding:6rem 2rem;text-align:center;background:linear-gradient(to bottom,var(--snow-white) 0%,var(--snow-white) 80%,var(--icy-white) 100%)}.about p{max-width:700px;margin:0 auto}.contact{padding:6rem 2rem;text-align:center;background:var(--icy-white)}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.contact-form input,.contact-form textarea{padding:.8rem;border-radius:6px;border:1px solid var(--frost-gray);font-size:1rem}.contact-form button{background-color:var(--glacier-blue);color:var(--snow-white);border:none;padding:.8rem;border-radius:6px;cursor:pointer}.contact-form button:hover{background-color:var(--steel-blue)}.footer{padding:2rem;text-align:center;background:linear-gradient(270deg,var(--steel-blue),var(--midnight-navy));color:var(--snow-white)}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:80%;max-width:1000px;background:#ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50px;box-shadow:0 8px 20px #0000001a;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:.8rem 2rem}.navbar-logo{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--midnight-navy)}.navbar-logo img{height:40px}.navbar-links{list-style:none;display:flex;gap:2rem}.navbar-links li a{text-decoration:none;font-weight:500;color:var(--midnight-navy);transition:color .3s ease}.navbar-links li a:hover{color:var(--glacier-blue)}.burger{display:none;cursor:pointer}.burger div{width:25px;height:3px;background-color:var(--midnight-navy);margin:5px;transition:all .3s ease}.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}@media (max-width: 768px){.navbar-links{position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:center;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1rem 0;gap:1rem;display:none}.navbar-links.open{display:flex}.burger{display:block}}.services-section{padding:4rem 2rem;text-align:center;background:var(--icy-white);box-shadow:0 6px 16px #00000014}.service-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1200px;margin:0 auto}@media (max-width: 767px){.service-grid{grid-template-columns:1fr}.service-card{max-width:300px;margin:0 auto}}.service-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 6px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 768px) and (max-width: 1199px){.service-card{max-width:300px;margin:0 auto}}.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000026}.service-card img{max-width:100%;border-radius:8px;margin-bottom:1rem}.learn-more-overlay{margin-top:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.learn-more-lottie{width:25px;height:25px}.services-section h2{margin-bottom:2rem;font-size:2rem;color:var(--midnight-navy)}.service-card h3{margin-bottom:.8rem;font-size:1.2rem;color:var(--steel-blue)}.service-card p{font-size:.95rem;color:#444;line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-card{background:#fff;padding:2rem;border-radius:16px;max-width:600px;width:90%;box-shadow:0 10px 30px #00000040;text-align:left;position:relative}.modal-card img{max-width:100%;border-radius:8px;margin-bottom:1rem}.close-btn{position:absolute;top:10px;right:12px;border:none;background:#add8e666;color:#0369;font-size:1.5rem;cursor:pointer;border-radius:50%;padding:.3rem .6rem;transition:background .3s ease,color .3s ease}.close-btn:hover{background:var(--midnight-navy);color:var(--snow-white);transform:scale(1.1)}.modal-card.fullscreen{width:75%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:left}.screenshot-wrapper{flex:1;width:100%;overflow-y:auto;border:1px solid #ddd;border-radius:8px;margin-bottom:1rem;background:#f9f9f9}.screenshot-wrapper img{width:100%;height:auto;display:block}.whyus-section{padding:4rem 2rem;text-align:center;background:linear-gradient(to bottom,var(--frost-gray) 0%,var(--icy-white) 80%)}.whyus-section h2{margin-bottom:2rem;font-size:2rem;color:var(--midnight-navy)}.whyus-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1200px;margin:0 auto}.whyus-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 6px 18px #00000014;transition:transform .3s ease,box-shadow .3s ease}.whyus-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000026}.whyus-card h3{margin-bottom:.8rem;font-size:1.2rem;color:var(--steel-blue)}.whyus-card p{font-size:.95rem;color:#444;line-height:1.5}