.hero{height:655px;margin:0 auto;max-width:1200px;padding:3rem 2rem;text-align:center}.devices-image{display:block;height:auto;margin:0 auto 1rem;max-width:1012px;width:100%}.hero-text{color:#333;font-size:16px;font-style:italic;font-weight:500;line-height:1.4}@media (max-width:768px){.hero{height:400px;padding:2rem 1rem}.devices-image{margin-bottom:2rem;margin-top:80px}}.about{align-items:center;background-color:#f9fafb;display:flex;height:359px;justify-content:center;margin-top:40px;padding:0 20px;text-align:center}.about-content{align-items:flex-start;display:flex;flex-direction:column;max-width:800px;text-align:left}.about-title{align-items:center;display:flex;gap:12px;margin-bottom:20px}.about-title img{height:auto;width:58px}.about h2{color:#151b1f;font-family:Manrope,sans-serif;font-size:24px;font-weight:700;margin:0}.about p{color:#667085;font-size:16px;font-weight:400;margin:0;max-width:600px}.what-we-do1{background-color:#fff;height:637px;padding:80px 0}.text-content1 h2{color:#151b1f;font-family:Manrope,sans-serif;font-size:34px;font-weight:700;line-height:40px;margin-bottom:15px}.service-item1 h3{color:#667085;font-size:18px;font-weight:400;margin-bottom:25px}.service-item1 p{color:#4bb543;font-size:18px;font-weight:500}@media (max-width:768px){.what-we-do1{background-color:#fff;height:637px;margin-bottom:100px}.stats-bar{padding-top:60px;position:relative;z-index:1}.stats-container{align-items:stretch;flex-direction:column;text-align:start}.trusted-by{align-items:start}.avatars,.stats-content{justify-content:start}.stats-content{align-items:flex-start;flex-direction:column;gap:20px}.stat-divider{display:none}}.portfolio-section{margin:0 auto;max-width:1200px;padding:4rem 2rem;text-align:center}.section-header{margin-bottom:3rem}.section-subtitle{color:#98a2b3;font-size:16px;font-weight:400;margin-bottom:.5rem}.section-title{color:#151b1f;font-size:24px;font-weight:700;line-height:1.2}.tabs-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.tab-button{background:transparent;border:1px solid #e2e8f0;border-radius:10px;color:#98a2b3;cursor:pointer;font-size:16px;font-weight:400;padding:.75rem 1.5rem;transition:all .3s ease}.tab-button.active{background:#0e2f6b;color:#fff}.tab-button:hover:not(.active){background:#f1f5f9;border-color:#cbd5e1}.portfolio-grid{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.portfolio-item{aspect-ratio:16/10;background:#e2e8f0;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.portfolio-item:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-5px)}.portfolio-item.light{background:#e8ece9}.portfolio-item.dark{background:#374151}.portfolio-item.beige{background:#fdf4e6}.portfolio-item.mint{background:#edf8ec}.device-mockup{align-items:center;bottom:10%;display:flex;gap:1rem;height:70%;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:80%}.desktop-mockup{height:319px;overflow:hidden;position:relative;width:575px}.desktop-mockup:before{background:#9ca3af;border-radius:0 0 20px 20px;bottom:-15px;height:15px;width:80%}.desktop-mockup:after,.desktop-mockup:before{content:"";left:50%;position:absolute;transform:translateX(-50%);z-index:2}.desktop-mockup:after{background:#6b7280;border-radius:50px;bottom:-25px;height:8px;width:120%}.desktop-screen{background:#fff;border-radius:4px;bottom:8%;left:8%;overflow:hidden;position:absolute;right:8%;top:8%}.desktop-screen img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.portfolio-overlay{align-items:center;background:#151b1f;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:2rem;position:absolute;right:0;text-align:start;top:0;transition:all .3s ease}.portfolio-item:hover .portfolio-overlay{opacity:.8}.overlay-title{align-self:start;color:#fff;font-size:20px;font-weight:600;margin-bottom:1rem;padding:0 4.5rem}.overlay-button{align-self:start;color:#abd166;font-size:12px;padding:.75rem 5.5rem;text-decoration:none}.load-more-btn,.overlay-button{font-weight:400;transition:all .3s ease}.load-more-btn{background:#0e2f6b;border:none;border-radius:10px;box-shadow:0 4px 15px rgba(30,58,138,.3);color:#fff;cursor:pointer;font-size:14px;height:56px;padding:1rem 3rem;width:240px}.load-more-btn:hover{background:#0e2f6b;box-shadow:0 6px 20px rgba(30,58,138,.4);transform:translateY(-2px)}@media (max-width:768px){.desktop-screen img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.load-more-btn{background:#0e2f6b;border:none;border-radius:10px;box-shadow:0 4px 15px rgba(30,58,138,.3);color:#fff;cursor:pointer;font-size:14px;font-weight:400;padding:1rem 3rem;transition:all .3s ease;width:100%}.portfolio-section{padding:2rem 1rem}.portfolio-grid{gap:1.5rem;grid-template-columns:1fr}.tabs-container{-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;margin-bottom:2rem;margin-left:-1rem;margin-right:-1rem;overflow-x:auto;padding:20px 1rem;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-button{flex-shrink:0;font-size:.9rem;padding:.6rem 1.2rem;white-space:nowrap}.portfolio-item{aspect-ratio:4/3}.overlay-title{font-size:1.2rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.device-mockup{height:65%;width:90%}.desk-lamp,.mobile-mockup{display:none}.desktop-mockup{width:100%}.laptop-mockup{width:45%}}.tab-content{display:none}.tab-content.active{display:block}