@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display&family=Poppins&display=swap);
:root{--primary-color:#0e2f6b;--primary-dark:#0e2f6b;--secondary-color:#64748b;--text-primary:#1e293b;--text-secondary:#000;--background-light:#f9fafb;--background-dark:#1e293b;--white:#fff;--border-color:#e2e8f0;--shadow:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--border-radius:8px;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--white);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}body,html{overflow-x:hidden}.container{margin:0 auto;max-width:1300px;padding:0 20px}.header{background:var(--white);left:0;position:fixed;right:0;top:0;z-index:1000}.header-content{align-items:center;display:flex;height:70px;justify-content:space-between}.nav{margin-left:auto;margin-right:20px}.app-logo{cursor:pointer;display:flex;height:auto;height:50px;left:10px;z-index:999}.nav-list{display:flex;gap:32px;list-style:none}.nav-list a{color:#667085;font-size:14px;font-weight:400;padding-bottom:5px;position:relative;text-decoration:none;transition:var(--transition)}.nav-list a.active,.nav-list a:hover{color:var(--primary-color)}.nav-list a.active:after{background:var(--primary-color);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.contact-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:400;padding:12px 24px;transition:var(--transition)}.contact-btn-main{display:block}@media (max-width:768px){.contact-btn-main{display:none}}.contact-btn:hover{background:var(--primary-dark)}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px}.mobile-menu-btn span{background:var(--text-primary);height:3px;transition:var(--transition);width:25px}.mobile-menu-overlay{background:var(--white);bottom:0;display:none;left:0;padding-top:80px;position:fixed;right:0;top:0;z-index:999}.mobile-nav ul{list-style:none;padding:20px}.mobile-nav li{margin-bottom:20px}.mobile-nav a{color:var(--text-primary);font-size:18px;font-weight:500;text-decoration:none}.hero{background:#fff;padding:170px 0 0}.hero-content>div:last-child{padding-right:110px}.hero-content{align-items:center;display:grid;gap:60px;grid-template-columns:60% 40%}.hero-text h1{color:#183b56;font-family:Poppins,sans-serif;font-size:60px;font-weight:800;line-height:77px;margin-bottom:24px;position:relative}.highlight{background-color:#f5cd8a;border-radius:3px;display:inline-block;line-height:1;padding:2px 6px}.hero-text h1:after{background-image:url(img/golden-accent.png);background-repeat:no-repeat;background-size:cover;bottom:15px;content:"";height:20px;position:absolute;right:85px;width:60px;z-index:-1}.text-highlight{color:#183b56}.hero-text p{color:var(--text-secondary);font-size:20px;font-weight:400;line-height:1.5;margin-bottom:32px}.hero-buttons{display:flex;gap:16px;margin-bottom:40px}.btn{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:var(--transition)}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid #0e2f6b;color:#0a214c}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.hero-image{align-items:center;display:flex;justify-content:center;position:relative}.hero-background-blob{background-image:url(img/green-blob.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:400px;position:absolute;width:400px;z-index:1}.hero-image img{border-radius:var(--border-radius);height:698px;position:relative;width:684px;z-index:2}@media (max-width:768px){.hero-content>div:last-child{padding-right:0}.hero-image img{border-radius:var(--border-radius);height:300px;position:relative;width:350px;z-index:2}}.floating-card{align-items:center;animation:float 3s ease-in-out infinite;background:var(--white);border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);display:flex;gap:8px;padding:12px 16px;position:absolute;z-index:3}.floating-card.top-left{bottom:120px;left:-40px}.floating-card.bottom-right{bottom:60px;right:100px}.floating-card .check,.floating-card .star{font-size:18px}.floating-card .card-title{color:var(--text-primary);font-size:14px;font-weight:600;white-space:nowrap}.top-section{align-items:center;display:flex;gap:12px;margin-bottom:16px}.avatar{background:#ddd;background-image:url(img/Ellipse\ 974.png);background-position:50%;background-size:cover;border-radius:50%;height:48px;width:48px}.stars{display:flex;gap:2px}.star{color:#ff9500;font-size:16px;height:16px;width:16px}.label,.review-text{color:#5a7184;font-size:14px;font-weight:400}.label{margin-bottom:8px}.content{align-items:center;display:flex;justify-content:space-between}.number{color:#183b56;font-family:Manrope,sans-serif;font-size:18px;font-weight:700}.icon{height:16px;width:24px}.icon img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats-bar{background:#151b1f;color:var(--white);padding:60px 0}.stats-container{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.trusted-by p{color:#98a2b3;font-size:14px;margin-bottom:10px}.avatars{display:flex}.avatars img{border:2px solid #151b1f;border-radius:50%;height:40px;margin-left:-10px;-o-object-fit:cover;object-fit:cover;width:40px}.avatars img:first-child{margin-left:0}.stats-content{align-items:center;display:flex;gap:40px}.stat{text-align:center}.stat-number{color:#abd166;font-family:Playfair Display,serif;font-size:34px;font-weight:600;margin-bottom:4px}.stat-label{color:#fff;font-family:Poppins,serif;font-size:14px}.stat-divider{background:hsla(0,0%,100%,.2);height:80px;width:1px}.what-we-do{background:var(--white);padding:100px 0}.section-content{align-items:center;display:grid;gap:200px;grid-template-columns:1fr 1fr}.text-content h2{color:#151b1f;font-size:24px;font-weight:700;margin-bottom:10px}.services-list{display:flex;flex-direction:column;gap:32px}.service-item h3{color:#151b1f;font-size:18px;font-weight:500;margin-bottom:10px}.service-item p{color:#667085;font-size:18px;font-weight:400;line-height:1.6}.image-content img{border-radius:var(--border-radius);height:auto;transform:translateY(-10px);width:100%}.solutions{background:#f9fafb;padding:100px 0;text-align:center}.solutions h2{color:#151b1f;font-family:Manrope,sans-serif;font-size:24px;font-weight:700;margin-bottom:10px}.subheading{color:#667085;font-size:14px;font-weight:400;line-height:1.6;margin-bottom:60px}.solutions-grid{display:grid;gap:40px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.solution-card{background:#fff;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.03);padding:30px;transition:all .3s ease}.solution-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.06);transform:translateY(-8px)}.card-content{align-items:flex-start;display:flex;gap:24px;text-align:left}.card-icon{height:60px;min-width:60px}.card-icon img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.solution-card h3{color:#101828;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;margin-bottom:6px}.solution-card p{color:#667085;font-size:14px;font-weight:400;line-height:1.6}.portfolio{background:linear-gradient(180deg,#000 50%,#fff 0);color:var(--white);min-height:100vh;padding:100px 0}.container-port{margin:0 auto;max-width:1200px;padding:0 20px}.portfolio-header{margin-bottom:60px;text-align:left}.portfolio-header h2{color:var(--white);font-size:42px;font-weight:700;line-height:1.2;margin-bottom:16px}.portfolio-header p{color:hsla(0,0%,100%,.8);font-size:18px;line-height:1.6;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:600px}.portfolio-carousel{margin-top:40px;position:relative}.carousel-container{border-radius:var(--border-radius);margin:0 70px;overflow:hidden;position:relative}.carousel-track{display:flex;gap:30px;padding:20px 0;transition:transform .6s cubic-bezier(.4,0,.2,1)}.portfolio-card{background:var(--white);border-radius:1px;color:var(--text-primary);min-width:calc(33.333% - 20px);overflow:hidden;position:relative;transition:var(--transition)}.portfolio-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-10px)}.card-thumbnail{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;height:220px;justify-content:center;overflow:hidden;position:relative}.card-thumbnail:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cpath fill='%23f8f9fa' d='M0 0h400v300H0z'/%3E%3Crect x='20' y='20' width='360' height='200' fill='%23fff' rx='8'/%3E%3Crect x='40' y='40' width='120' height='20' fill='%23e5e7eb' rx='4'/%3E%3Crect x='40' y='70' width='200' height='12' fill='%23f3f4f6' rx='2'/%3E%3Crect x='40' y='90' width='150' height='12' fill='%23f3f4f6' rx='2'/%3E%3Ccircle cx='320' cy='60' r='30' fill='%23ddd6fe'/%3E%3Crect x='40' y='140' width='320' height='60' fill='%23f3f4f6' rx='4'/%3E%3C/svg%3E") 50%/cover;bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0}.card-thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:1}.card-content-port{background:#f9fafb;padding:24px}.card-content-port h3{color:#000;font-size:16px;font-weight:700;margin-bottom:12px}.card-content-port p{color:#667085;font-size:14px;font-weight:400;line-height:1.6}.carousel-btn{align-items:center;background:var(--white);border:none;border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:20px;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition);width:56px;z-index:10}.carousel-btn:hover{background:var(--primary-color);box-shadow:0 8px 25px #abd166;color:var(--white);transform:translateY(-50%) scale(1.1)}.carousel-btn.prev{background:#abd166;left:10px}.carousel-btn.next{background:#abd166;right:10px}.carousel-dots{display:flex;gap:12px;justify-content:center;margin-top:40px}.dot{background:#d0d5dd;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:var(--transition);width:12px}.dot:hover{background:hsla(0,0%,100%,.6)}.dot.active-port{background:#abd166;transform:scale(.8)}.dot.active-port:after{border:2px solid #d0d5dd;border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}@media (max-width:768px){.portfolio-header h2{font-size:32px}.carousel-container{margin:0 20px}.carousel-btn.next,.carousel-btn.prev{display:none}.portfolio-card{min-width:calc(50% - 15px)}.carousel-btn{font-size:16px;height:44px;width:44px}}@media (max-width:480px){.portfolio-card{min-width:calc(100% - 10px)}.carousel-container{margin:0 10px}}.portfolio-card{animation:slideInUp .6s ease forwards;opacity:0}.portfolio-card:first-child{animation-delay:.1s}.portfolio-card:nth-child(2){animation-delay:.2s}.portfolio-card:nth-child(3){animation-delay:.3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.carousel-track.transitioning{transition:transform .6s cubic-bezier(.4,0,.2,1)}.final-promo{background:#f9fafb;padding:100px 0}.promo-content{margin-bottom:60px;text-align:center}.promo-content h2{font-size:24px;font-weight:700;margin-bottom:16px}.promo-content h2,.promo-content p{color:#0a214c;font-family:Manrope,sans-serif}.promo-content p{font-size:16px;font-weight:400;margin-bottom:32px}.promo-mockups{align-items:center;display:flex;gap:20px;justify-content:center;position:relative}.mockup{border-radius:var(--border-radius);box-shadow:var(--shadow-lg);height:auto;max-width:800px}.desktop-2{transform:scale(1.1);z-index:2}.desktop-1,.desktop-3{opacity:.8}.footer{background:var(--background-dark);background:#11171c;color:var(--white);padding:40px 0;padding:60px 20px;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:32px}.footer-links ul,.footer-links ul li{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.footer-links ul li a{color:#98a2b3;font-size:14px;font-weight:400;text-decoration:none;transition:color .3s ease}.footer-links ul li a:hover{color:#fff}.footer-copyright p{color:#fff;font-size:14px;font-weight:400;margin:0}@media (max-width:768px){.nav{display:none}.mobile-menu-btn{cursor:pointer;display:flex;height:auto;position:absolute;right:10px;width:32px;z-index:999}.hero{padding:150px 0 0}.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:32px;line-height:1.5}.hero-buttons{align-items:center;flex-direction:column;gap:12px}.btn{font-size:14px;max-width:280px;padding:12px 24px;width:100%}.hero-image{order:1}.hero-background-blob{height:300px;width:300px}.hero-image img{width:250px}.floating-card{font-size:12px;padding:8px 12px}.floating-card.top-left{left:10px;top:10px}.floating-card.bottom-right{bottom:20px;right:10px}.stats-content{gap:32px;grid-template-columns:1fr}.stats-bar{padding:40px 0}.what-we-do{padding:60px 0}.section-content{gap:40px;grid-template-columns:1fr}.text-content h2{font-size:28px;margin-bottom:30px}.services-list{gap:24px}.service-item{margin-bottom:24px}.solutions{padding:60px 0}.solutions h2{font-size:28px;margin-bottom:40px}.solutions-grid{gap:20px;grid-template-columns:1fr}.solution-card{padding:20px;text-align:center}.portfolio{background:#000;padding:60px 0}.portfolio-header h2{font-size:28px}.portfolio-carousel{flex-direction:column;gap:20px}.carousel-btn{display:none}.carousel-track{flex-direction:column;gap:20px}.portfolio-card{border-radius:16px;min-width:100%}.final-promo{padding:60px 0}.promo-content h2{font-size:28px}.promo-mockups{flex-direction:column;gap:20px}.mockup{max-width:100%}.desktop-2{transform:none}.footer-content{flex-direction:column;gap:20px;text-align:center}.footer-links ul{gap:16px}.footer-links ul,.footer-links ul li{flex-wrap:wrap;justify-content:center}.footer-links ul li{display:flex;gap:20px}.container{padding:0 16px}}@media (max-width:480px){.hero-text h1,.portfolio-header h2,.promo-content h2,.solutions h2,.what-we-do h2{font-size:28px}.hero-buttons{gap:12px}.solution-card{padding:20px}}.mobile-menu-overlay.active{display:block}.mobile-menu-overlay a{color:#667085;font-size:14px;font-weight:400}.mobile-menu-overlay button{margin-left:20px}html{scroll-behavior:smooth}a:focus,button:focus{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-text,.section-content{animation:fadeInUp .6s ease-out}