:root{--brand-teal:#1b3d48;--brand-green:#8dc63f;--brand-white:#fff;--teal-50:#f2f6f7;--teal-100:#e5ecee;--teal-200:#c2d1d5;--teal-300:#9eb5bc;--teal-400:#7b99a3;--teal-500:#577d8a;--teal-600:#1b3d48;--teal-700:#163339;--teal-800:#10282d;--teal-900:#0b1c20;--green-50:#f7faf2;--green-100:#eff5e5;--green-200:#dfe9cc;--green-300:#b8d584;--green-400:#8dc63f;--green-500:#7bad37;--green-600:#6a952f;--green-700:#587d27;--green-800:#46641f;--green-900:#354b17;--gray-50:#f8fafb;--gray-100:#f1f4f6;--gray-200:#e2e8eb;--gray-300:#d1d9de;--gray-400:#b4c0c6;--gray-500:#94a3ab;--gray-600:#768790;--gray-700:#5a6a73;--gray-800:#3d4c54;--gray-900:#212e35;--success-light:var(--green-100);--success:var(--green-400);--success-dark:var(--green-600);--info-light:var(--teal-100);--info:var(--teal-600);--info-dark:var(--teal-800);--warning-light:#fff3e0;--warning:#f5a623;--warning-dark:#d68d1b;--error-light:#fdeaea;--error:#dc3545;--error-dark:#bd2130;--primary-color:var(--teal-600);--primary-light:var(--teal-500);--primary-dark:var(--teal-700);--primary-contrast:var(--brand-white);--secondary-color:var(--green-400);--secondary-light:var(--green-300);--secondary-dark:var(--green-600);--secondary-contrast:var(--gray-900);--background-primary:var(--brand-white);--background-secondary:var(--gray-50);--background-tertiary:var(--gray-100);--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-500);--text-inverse:var(--brand-white);--shadow-sm:0 2px 4px #1b3d480d;--shadow-md:0 4px 8px #1b3d4814;--shadow-lg:0 8px 16px #1b3d481f;--shadow-xl:0 12px 24px #1b3d4829;--hover-overlay:#1b3d480a;--active-overlay:#1b3d4814;--disabled-overlay:#1b3d481f;--gradient-primary:linear-gradient(135deg,var(--teal-600) 0%,var(--teal-800) 100%);--gradient-secondary:linear-gradient(135deg,var(--green-400) 0%,var(--green-600) 100%);--gradient-accent:linear-gradient(135deg,var(--teal-600) 0%,var(--green-400) 100%);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--z-negative:-1;--z-elevate:1;--z-sticky:100;--z-drawer:200;--z-modal:300;--z-popover:400;--z-toast:500;--z-tooltip:600}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.navbar{background:var(--brand-teal);box-shadow:var(--shadow-md);left:0;position:fixed;right:0;top:0;z-index:var(--z-sticky)}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:.5rem 5%}.logo,.nav-container{align-items:center;display:flex}.logo img{height:40px;width:auto}.nav-links,.nav-links ul{align-items:center;display:flex}.nav-links ul{gap:1rem;list-style:none;margin:0;padding:0}.nav-links a,.services-link{border-radius:var(--radius-md);color:var(--brand-white);cursor:pointer;display:block;font-weight:500;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.nav-links a.active,.nav-links a:hover,.services-link.active,.services-link:hover{background:var(--green-400);color:var(--brand-white)}.services-dropdown{position:relative}.services-link{align-items:center;display:flex;gap:.5rem}.services-link i{font-size:.8em;margin-left:.25rem;transition:transform .3s ease}.services-link i.rotate{transform:rotate(180deg)}.dropdown-menu{background:var(--brand-teal);border:1px solid var(--teal-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;min-width:250px;opacity:0;padding:var(--space-2);position:absolute;top:calc(100% + var(--space-2));transform:translateY(10px);transition:all var(--transition-normal);visibility:hidden}.dropdown-menu.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu li{margin:0;padding:0}.dropdown-menu a{align-items:center;border-radius:var(--radius-md);color:var(--brand-white);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal)}.dropdown-menu a:hover{background:var(--green-400);color:var(--brand-white)}.dropdown-menu i{color:var(--green-400);margin-right:0;text-align:center;width:20px}.close-menu,.menu-icon{color:var(--brand-white);cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.nav-container{padding:.75rem 5%}.menu-icon{display:block}.nav-links{background:var(--brand-teal);box-shadow:var(--shadow-lg);height:100vh;max-width:400px;padding:2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%}.nav-links.active{right:0}.close-menu{display:block;position:absolute;right:1rem;top:1rem}.nav-links ul{align-items:stretch;flex-direction:column;gap:.5rem;margin-top:3rem}.nav-links a,.services-link{padding:.75rem 1rem}.dropdown-menu{background:var(--teal-700);box-shadow:none;display:none;margin-top:.5rem;min-width:100%;opacity:1;position:static;transform:none;visibility:visible}.dropdown-menu.show{display:block}.services-link{justify-content:space-between}.dropdown-menu a{padding:.75rem 1rem}}footer{background-color:#333;color:#fff;padding:3rem 0 0}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:0 1rem}.footer-section h3{margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fff;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#007bff}.social-links{display:flex;gap:1rem}.social-links a{color:#fff;font-size:1.5rem;transition:color .3s}.social-links a:hover{color:#007bff}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:2rem;padding:1rem;text-align:center}@media screen and (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}}.hero{background:var(--brand-teal);color:var(--brand-white);overflow:hidden;padding:100px 20px;position:relative;text-align:center}.hero:before{background:linear-gradient(135deg,var(--teal-600) 0,var(--teal-800) 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero .cta-button,.hero h1,.hero p{position:relative;z-index:2}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px}.hero .cta-button{background:var(--green-400);border:2px solid var(--green-300);border-radius:var(--radius-md);color:var(--brand-white);display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all var(--transition-normal)}.hero .cta-button:hover{background:var(--green-500);transform:translateY(-2px)}.services-preview{padding:4rem 1rem;text-align:center}.services-preview h2{color:var(--teal-800);margin-bottom:3rem}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.service-card{background:var(--brand-white);border:1px solid var(--teal-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;transition:all var(--transition-normal)}.service-card:hover{border-color:var(--teal-200);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.service-card i{color:var(--green-400);font-size:2.5rem;margin-bottom:1rem;transition:all var(--transition-normal)}.service-card:hover i{color:var(--green-500);transform:scale(1.1)}.service-card h3{color:var(--teal-800);margin-bottom:1rem}.service-card p{color:var(--gray-600)}.learn-more{color:var(--green-400);display:inline-block;margin-top:2rem}.why-choose-us{background:var(--teal-50);padding:4rem 1rem;text-align:center}.why-choose-us h2{color:var(--teal-800);margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.feature{background:var(--brand-white);border:1px solid var(--teal-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;transition:all var(--transition-normal)}.feature:hover{border-color:var(--teal-200);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature i{color:var(--green-400);font-size:2rem;margin-bottom:1rem;transition:all var(--transition-normal)}.feature:hover i{color:var(--green-500);transform:scale(1.1)}.feature h3{color:var(--teal-800);margin-bottom:.5rem}.feature p{color:var(--gray-600)}.cta-section{background:var(--brand-teal);color:var(--brand-white);overflow:hidden;padding:4rem 1rem;position:relative}.cta-section:before{background:linear-gradient(135deg,var(--teal-600) 0,var(--teal-800) 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.cta-section .cta-button,.cta-section h2,.cta-section p{position:relative;z-index:2}.cta-section .cta-button{background:var(--green-400);border:2px solid var(--green-300);border-radius:var(--radius-md);color:var(--brand-white);display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all var(--transition-normal)}.cta-section .cta-button:hover{background:var(--green-500);transform:translateY(-2px)}@media screen and (max-width:768px){.hero h1{font-size:2rem}.features-grid,.services-grid{gap:1.5rem;grid-template-columns:1fr}.feature,.service-card{margin-bottom:0}}.services-submenu{background:var(--brand-white);border:1px solid var(--teal-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:-webkit-fit-content;height:fit-content;margin-bottom:var(--space-8);padding:var(--space-6);position:-webkit-sticky;position:sticky;top:calc(80px + var(--space-4));width:100%}.services-submenu h2{border-bottom:2px solid var(--teal-100);color:var(--teal-800);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-6);padding-bottom:var(--space-4);position:relative}.services-submenu h2:after{background:var(--green-400);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.services-submenu nav{overflow-x:hidden;width:100%}.services-submenu nav ul{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0;width:100%}.services-submenu nav ul li{margin:0;width:100%}.services-submenu nav ul li a{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--teal-800);display:flex;gap:var(--space-3);min-height:48px;overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;text-decoration:none;transition:all var(--transition-normal);width:100%}.services-submenu nav ul li a i{color:var(--green-400);flex-shrink:0;font-size:1.1rem;transition:all var(--transition-normal);width:20px}.services-submenu nav ul li a span{flex-grow:1;font-size:1rem;font-weight:500;line-height:1.4;white-space:normal}.services-submenu nav ul li a:hover{background:var(--teal-50);border-color:var(--teal-100);transform:translateY(-2px)}.services-submenu nav ul li a:hover i{color:var(--green-500);transform:scale(1.1)}.services-submenu nav ul li a.active{background:var(--green-50);border-color:var(--green-200);color:var(--green-700);transform:translateY(-2px)}.services-submenu nav ul li a.active i{color:var(--green-500)}.services-submenu nav ul li a:before{background:linear-gradient(90deg,#0000,#8dc63f1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform var(--transition-normal);width:100%}.services-submenu nav ul li a:hover:before{transform:translateX(100%)}@media screen and (min-width:1200px){.services-submenu nav ul{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:1199px) and (min-width:992px){.services-submenu nav ul{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:991px){.services-submenu{margin-bottom:var(--space-6);padding:var(--space-4);position:static}.services-submenu nav ul{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.services-submenu h2{font-size:1.25rem;margin-bottom:var(--space-4)}}@media screen and (max-width:768px){.services-submenu{padding:var(--space-4)}.services-submenu nav ul{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.services-submenu nav ul li a{min-height:44px;padding:var(--space-2) var(--space-3)}.services-submenu nav ul li a i{font-size:1rem}.services-submenu nav ul li a span{font-size:.9rem}}@media screen and (max-width:480px){.services-submenu nav ul{grid-template-columns:1fr}.services-submenu nav ul li a{min-height:40px}}.services-page{min-height:100vh;padding-top:80px}.services-hero{background:linear-gradient(135deg,var(--teal-600) 0,var(--teal-800) 100%);color:var(--brand-white);overflow:hidden;padding:6rem 5%;position:relative;text-align:center}.services-hero:before{background:linear-gradient(45deg,#ffffff1a 25%,#0000 0);background-size:3em 3em;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:rotate(-5deg);z-index:1}.services-hero h1,.services-hero p{position:relative;z-index:2}.services-hero h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.services-hero p{font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:800px}.services-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px;padding:4rem 5%;position:relative}.services-list{grid-gap:2.5rem;display:grid;gap:2.5rem}.service-item{background:var(--brand-white);border:1px solid var(--teal-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:2.5rem;overflow:hidden;padding:2.5rem;position:relative;transition:all var(--transition-normal)}.service-item:before{background:var(--green-400);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-normal);width:4px}.service-item:hover{border-color:var(--teal-200);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.service-item:hover:before{opacity:1}.service-icon{align-items:center;background:var(--green-50);border-radius:var(--radius-lg);color:var(--green-400);display:flex;flex-shrink:0;font-size:2.5rem;height:70px;justify-content:center;transition:all var(--transition-normal);width:70px}.service-item:hover .service-icon{background:var(--green-100);transform:scale(1.1)}.service-content h2{color:var(--teal-800);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.service-content p{color:var(--gray-600);font-size:1.1rem;line-height:1.7;margin-bottom:1.75rem}.service-content ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin-bottom:2rem}.service-content ul li{color:var(--gray-700);font-size:1.05rem;margin-bottom:.75rem;padding-left:1.75rem;position:relative}.service-content ul li:before{color:var(--green-500);content:"✓";font-weight:700;left:0;position:absolute}.learn-more{align-items:center;border-bottom:2px solid #0000;color:var(--green-500);display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:.5rem 0;text-decoration:none;transition:all var(--transition-normal)}.learn-more:hover{border-bottom-color:var(--green-200);color:var(--green-600);gap:.75rem}.technology-stack{background:var(--teal-50);overflow:hidden;padding:6rem 5%;position:relative;text-align:center}.technology-stack:before{background:linear-gradient(45deg,var(--teal-100) 25%,#0000 25%);background-size:3em 3em;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.technology-stack h2{color:var(--teal-800);font-size:2.5rem;font-weight:700;margin-bottom:3.5rem;position:relative;z-index:2}.tech-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(6,1fr);margin:0 auto;max-width:1400px;position:relative;z-index:2}.tech-item{align-items:center;background:var(--brand-white);border:1px solid var(--teal-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem;padding:2rem;transition:all var(--transition-normal)}.tech-item:hover{border-color:var(--green-200);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.tech-item i{color:var(--green-500);font-size:2.75rem;transition:all var(--transition-normal)}.tech-item:hover i{color:var(--green-600);transform:scale(1.1)}.tech-item span{color:var(--teal-700);font-size:1.1rem;font-weight:600}.cta-section{background:var(--white)}.cta-section h2{color:var(--text-color);font-size:2rem}.cta-section p{color:var(--text-light)}.cta-button{background:var(--green-400);color:var(--brand-white);font-weight:600;padding:1rem 2rem;transition:all var(--transition-normal)}.cta-button:hover{background:var(--green-500)}@media screen and (max-width:992px){.services-content{gap:3rem;grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.services-hero{padding:4rem 5%}.services-hero h1{font-size:2.5rem}.services-hero p{font-size:1.1rem}.service-item{flex-direction:column;gap:2rem;padding:2rem}.service-icon{margin:0 auto}.service-content h2{font-size:1.5rem;text-align:center}.service-content p{font-size:1rem;text-align:center}.service-content ul{grid-template-columns:1fr}.learn-more{display:flex;font-size:1rem;justify-content:center;width:100%}.tech-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.technology-stack{padding:4rem 5%}.technology-stack h2{font-size:2rem;margin-bottom:2.5rem}}@media screen and (max-width:480px){.services-hero h1{font-size:2rem}.tech-grid{grid-template-columns:1fr}.service-item{padding:1.5rem}.service-icon{font-size:2rem;height:60px;width:60px}}.portfolio-page{min-height:100vh}.portfolio-hero{background:var(--primary-color);color:var(--white);margin-top:0;padding:4rem 5%;text-align:center}.portfolio-hero h1{font-size:3rem;margin-bottom:1rem}.portfolio-hero p{font-size:1.2rem;margin-bottom:0}.portfolio-filters{background:var(--white);padding:2rem 5%;text-align:center}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:1200px}.filter-btn{background:#0000;border:2px solid var(--secondary-color);border-radius:5px;color:var(--secondary-color);cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:all .3s}.filter-btn.active,.filter-btn:hover{background:var(--secondary-color);color:var(--white)}.portfolio-showcase{background:var(--light-gray);padding:4rem 5%}.portfolio-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px}.portfolio-card{background:var(--white);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s}.portfolio-card:hover{transform:translateY(-10px)}.portfolio-image{height:250px;overflow:hidden;position:relative}.portfolio-image img{height:100%;object-fit:cover;width:100%}.portfolio-details{padding:2rem}.portfolio-details h3{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.portfolio-tags span{background:var(--light-gray);border-radius:20px;color:var(--text-color);font-size:.9rem;padding:.3rem .8rem}.portfolio-details p{color:#666;line-height:1.6;margin-bottom:1.5rem}.portfolio-links{display:flex;gap:1rem}.btn-case-study,.btn-view-project{border-radius:5px;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s}.btn-view-project{background:var(--primary-color);color:var(--white)}.btn-case-study{border:2px solid var(--primary-color);color:var(--primary-color)}.btn-case-study:hover,.btn-view-project:hover{background:var(--accent-color)}.btn-case-study:hover{color:var(--white)}.portfolio-stats{background:var(--white);padding:5rem 5%}.stat-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1200px;text-align:center}.stat-item i{color:var(--primary-color)}.stat-item h3{color:var(--text-color)}.stat-item p{color:#666}.portfolio-cta{background:linear-gradient(#2563ebe6,#1e40afe6);color:var(--white);padding:5rem 5%;text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem}@media screen and (max-width:768px){.portfolio-hero h1{font-size:2.5rem}.filter-buttons{flex-direction:column;padding:0 2rem}.portfolio-container{grid-template-columns:1fr;padding:0 1rem}.portfolio-card{margin:0 auto;max-width:400px}.portfolio-links{flex-direction:column}.stat-item h3{font-size:2rem}}.about-page{min-height:100vh}.about-hero{background:var(--primary-color);color:var(--white);padding:8rem 5% 4rem;text-align:center}.about-hero h1{font-size:3rem;margin-bottom:1rem}.about-hero p{font-size:1.2rem;margin:0 auto;max-width:800px}.about-story{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:5rem 5%}.story-content h2{color:var(--text-color);font-size:2.5rem;margin-bottom:2rem}.story-content p{line-height:1.8;margin-bottom:1.5rem}.story-image img{border-radius:10px;box-shadow:0 5px 15px #0000001a;width:100%}.mission-vision{grid-gap:4rem;background:var(--light-gray);display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:5rem 5%}.mission,.vision{background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:3rem;text-align:center}.mission i,.vision i{color:var(--primary-color);font-size:3rem;margin-bottom:1.5rem}.mission h2,.vision h2{color:var(--text-color);margin-bottom:1.5rem}.values{padding:5rem 5%;text-align:center}.values h2{font-size:2.5rem;margin-bottom:3rem}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1400px}.value-item{background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:2rem;transition:transform .3s}.value-item:hover{transform:translateY(-5px)}.value-item i{color:var(--primary-color);font-size:2.5rem;margin-bottom:1.5rem}.value-item h3{color:var(--text-color);margin-bottom:1rem}.team{background:var(--light-gray);padding:5rem 5%;text-align:center}.team h2{font-size:2.5rem;margin-bottom:3rem}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px}.team-member{background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .3s}.team-member:hover{transform:translateY(-5px)}.member-image{height:300px;overflow:hidden}.member-image img{height:100%;object-fit:cover;width:100%}.member-info{padding:2rem;text-align:left}.member-info h3{color:var(--text-color);font-size:1.5rem;margin-bottom:.5rem}.member-info .position{color:var(--primary-color);font-weight:500;margin-bottom:1rem}.member-info .bio{color:var(--text-light);line-height:1.6}.stats{grid-gap:2rem;background:var(--white);display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1400px;padding:5rem 5%;text-align:center}.stat-item h3{font-size:2.5rem}.cta-section{background:linear-gradient(135deg,var(--teal-600) 0,var(--teal-800) 100%);color:var(--white);padding:5rem 5%;text-align:center}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px}.cta-button{background-color:var(--white);font-size:1.2rem}.cta-button:hover{background-color:var(--primary-color);color:var(--white);transform:translateY(-3px)}@media screen and (max-width:992px){.about-story{text-align:center}.about-story,.mission-vision{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.about-hero h1{font-size:2.5rem}.story-content h2{font-size:2rem}.values-grid{grid-template-columns:1fr}.team-member{margin:0 auto;max-width:350px}.stats{grid-template-columns:1fr}}.contact-page{min-height:100vh;padding-top:80px}.contact-hero{background:var(--brand-teal);color:var(--brand-white);overflow:hidden;padding:4rem 5%;position:relative;text-align:center}.contact-hero:after{background:linear-gradient(135deg,var(--teal-600) 0,var(--teal-800) 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.contact-hero h1,.contact-hero p{position:relative;z-index:2}.contact-hero h1{font-size:3rem;margin-bottom:1rem}.contact-hero p{font-size:1.2rem;margin:0 auto;max-width:800px}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:5rem 5%}.contact-info{grid-gap:2rem;display:grid;gap:2rem}.info-item{background:var(--white);border-radius:10px;box-shadow:var(--shadow-md);display:flex;gap:1.5rem;padding:1.5rem;transition:transform var(--transition-normal)}.info-item:hover{transform:translateY(-5px)}.info-item i{color:var(--secondary-color);font-size:2rem;text-align:center;width:40px}.info-item h3{color:var(--text-color);font-size:1.2rem;margin-bottom:.5rem}.info-item p{color:var(--text-light);line-height:1.6}.contact-form-container{background:var(--white);border-radius:10px;box-shadow:var(--shadow-md);padding:3rem}.contact-form-container h2{color:var(--text-color);font-size:2rem;margin-bottom:2rem}.contact-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-color);font-weight:500}.form-group label:after{color:var(--error);content:" *"}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:1rem;transition:all var(--transition-normal)}.form-group input:focus,.form-group textarea:focus{border-color:var(--secondary-color);box-shadow:0 0 0 2px #8dc63f1a;outline:none}.submit-button{background:var(--secondary-color);border:none;border-radius:5px;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all var(--transition-normal)}.submit-button:hover{background:var(--secondary-dark);transform:translateY(-2px)}.upwork-link{align-items:center;color:var(--secondary-color);display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none;transition:color var(--transition-normal)}.upwork-link:hover{color:var(--secondary-dark)}.upwork-link i{font-size:.9em}.agency-stats{background:var(--background-light);padding:5rem 5%}.stat-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px}.stat-item{background:var(--white);border-radius:10px;box-shadow:var(--shadow-md);padding:2rem;text-align:center;transition:transform var(--transition-normal)}.stat-item:hover{transform:translateY(-5px)}.stat-item i{color:var(--secondary-color);font-size:2.5rem;margin-bottom:1rem}.stat-item h3{color:var(--primary-color);font-size:2rem;margin-bottom:.5rem}.stat-item p{color:var(--text-light);font-weight:500}.map-section{background:var(--white);padding:5rem 5%}.map-section h2{color:var(--text-color);font-size:2rem;margin-bottom:3rem;text-align:center}.map-container{border-radius:10px;box-shadow:var(--shadow-md);margin:0 auto;max-width:1400px;overflow:hidden}@media screen and (max-width:992px){.contact-content{grid-template-columns:1fr}.stat-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.contact-hero h1{font-size:2.5rem}.contact-form-container,.info-item{padding:1.5rem}.info-item{flex-direction:column;text-align:center}.info-item i{margin:0 auto}.stat-container{grid-template-columns:1fr}}@media screen and (max-width:480px){.contact-hero h1{font-size:2rem}.contact-hero p{font-size:1rem}.contact-form-container h2{font-size:1.5rem}}.service-detail-page{min-height:100vh}.service-detail-hero{background:var(--primary-color);color:var(--white);padding:8rem 5% 4rem;text-align:center}.service-detail-hero h1{font-size:3rem;margin-bottom:1rem}.service-detail-hero p{font-size:1.2rem;margin:0 auto;max-width:800px}.service-overview{padding:5rem 0}.overview-content{margin:0 auto;max-width:1000px;text-align:center}.overview-content h2{color:var(--text-color);font-size:2.5rem;margin-bottom:2rem}.overview-content p{color:#666;line-height:1.8;margin-bottom:3rem}.key-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature-item{background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:2rem;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-item i{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.feature-item h3{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.feature-item p{color:#666;line-height:1.6}.service-details{background:#f8f9fa;padding:5rem 0}.details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:2rem}.detail-item h3{color:var(--text-color);font-size:1.5rem;margin-bottom:1.5rem}.detail-item ul{list-style:none;padding:0}.detail-item ul li{align-items:center;color:#666;display:flex;margin-bottom:1rem}.detail-item ul li:before{color:var(--primary-color);content:"•";font-weight:700;margin-right:.5rem}.development-process{padding:5rem 0}.process-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:3rem}.step{padding:2rem;position:relative;text-align:center}.step-number{align-items:center;background:var(--primary-color);border-radius:50%;color:var(--white);display:flex;font-size:1.2rem;height:40px;justify-content:center;margin:0 auto 1.5rem;width:40px}.step h3{color:var(--text-color);font-size:1.3rem;margin-bottom:1rem}.step p{color:#666;line-height:1.6}.service-maintenance{background:#f8f9fa;padding:5rem 0}.maintenance-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.maintenance-item{background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.maintenance-item:hover{transform:translateY(-5px)}.maintenance-item i{color:var(--primary-color);font-size:2.5rem;margin-bottom:1.5rem}.maintenance-item h3{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.maintenance-item p{color:#666;line-height:1.6}.ecommerce-features{padding:5rem 0}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.technologies{background:#f8f9fa;padding:5rem 0}.tech-stack{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.tech-category{background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:2rem}.tech-category h3{color:var(--text-color);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.tech-category ul{list-style:none;padding:0}.tech-category ul li{align-items:center;color:#666;display:flex;margin-bottom:1rem}.tech-category ul li i{color:var(--primary-color);font-size:1.5rem;margin-right:1rem;text-align:center;width:30px}.success-stories{padding:5rem 0}.stories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.story-item{background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden}.story-content{padding:2rem;text-align:center}.story-content h3{color:var(--primary-color);font-size:2rem;margin-bottom:1rem}.story-content p{color:#666;line-height:1.6}.service-cta{background:var(--primary-color);color:var(--white);padding:5rem 0;text-align:center}.service-cta h2{font-size:2.5rem;margin-bottom:1rem}.service-cta p{font-size:1.2rem;margin-bottom:2rem}.cta-button{background:var(--white);color:var(--primary-color);font-weight:700;padding:1rem 2.5rem;transition:all .3s ease}.cta-button:hover{background:#ffffffe6;transform:translateY(-2px)}.design-process{background:#f8f9fa;padding:5rem 0}.responsive-showcase{padding:5rem 0}.showcase-item{background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.showcase-item:hover{transform:translateY(-5px)}.showcase-item i{color:var(--primary-color);font-size:2.5rem;margin-bottom:1.5rem}.showcase-item h3{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.showcase-item p{color:#666;line-height:1.6}@media (max-width:768px){.service-detail-hero h1{font-size:2.5rem}.overview-content h2{font-size:2rem}.details-grid,.feature-grid,.key-features,.maintenance-grid,.process-steps,.stories-grid,.tech-stack{grid-template-columns:1fr}.step:not(:last-child):after{display:none}}:root{--primary-color:var(--brand-teal);--text-color:#333;--white:#fff;--light-bg:#f8f9fa;--border-color:#e9ecef}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding-top:82px}.container{margin:0 auto;max-width:1400px;padding:0 5%}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:var(--brand-teal);color:#fff;color:var(--white)}.btn-primary:hover{background:var(--teal-700)}.btn-outline{background:#0000;border:2px solid var(--brand-teal);color:var(--brand-teal)}.btn-outline:hover{background:var(--brand-teal);color:#fff;color:var(--white)}.cta-button{background-color:var(--brand-green);border-radius:5px;color:#fff;display:inline-block;padding:12px 30px;text-decoration:none;transition:background-color .3s}.cta-button:hover{background-color:var(--green-600)}.fab,.fas{margin-right:8px}
/*# sourceMappingURL=main.9a60f41b.css.map*/