.portfolio-section{width:100%;padding:70px 24px 100px;background:#f7faff;color:#172033;font-family:Plus Jakarta Sans,sans-serif;font-weight:400}.portfolio-container{max-width:1400px;margin:0 auto}.portfolio-section a,.portfolio-section button,.portfolio-section h1,.portfolio-section h2,.portfolio-section h3,.portfolio-section h4,.portfolio-section h5,.portfolio-section h6,.portfolio-section p,.portfolio-section span{font-family:Plus Jakarta Sans,sans-serif}.portfolio-tag{margin-bottom:18px;color:#2b5f9b;font-size:11px;font-weight:700;letter-spacing:1.8px}.portfolio-intro h2{max-width:760px;margin:0;color:#172033;font-size:clamp(38px,4.3vw,56px);font-weight:700;line-height:1.06;letter-spacing:-2.2px}.portfolio-intro h2 span{display:block;color:#2b5f9b}.portfolio-intro p{max-width:690px;margin:24px 0 0;color:#6b7890;font-size:15px;font-weight:400;line-height:1.85}.portfolio-stat{width:-moz-fit-content;width:fit-content;min-width:135px;padding:17px 20px;display:flex;align-items:center;gap:12px;border:1px solid #dce6f1;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(31,64,105,.06)}.portfolio-stat-number{color:#2b5f9b;font-size:34px;font-weight:700;line-height:1}.portfolio-stat-text{color:#7b8799;font-size:9px;font-weight:700;letter-spacing:1px;line-height:1.4;text-transform:uppercase}.portfolio-toolbar{margin:38px 0 20px}.portfolio-filters{width:-moz-fit-content;width:fit-content;overflow:hidden;border:1px solid #d9e3ee;border-radius:9px;background:#fff}.portfolio-filters button{min-height:44px;padding:0 19px;border:0;background:transparent;color:#52647c;font-size:10px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .25s ease}.portfolio-filters button:hover{color:#2b5f9b;background:#f1f6fc}.portfolio-filters button.active{color:#fff;background:#2b5f9b;box-shadow:0 5px 15px rgba(43,95,155,.2)}.portfolio-results{color:#8994a5;font-size:11px;font-weight:500}.portfolio-results span{color:#2b5f9b;font-weight:700}.portfolio-card{overflow:hidden;border:1px solid #dce5ef;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(28,61,100,.05);transition:transform .3s ease,box-shadow .3s ease}.portfolio-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(28,61,100,.11)}.portfolio-card-image{position:relative;height:245px;overflow:hidden;background:#edf3f9}.portfolio-card-image>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.portfolio-card:hover .portfolio-card-image>img{transform:scale(1.045)}.portfolio-card-number{position:absolute;top:12px;left:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.55);border-radius:9px;background:rgba(255,255,255,.9);color:#2b5f9b;font-size:10px;font-weight:700}.portfolio-card-category{position:absolute;top:12px;right:12px;padding:9px 12px;border-radius:7px;background:rgba(30,48,67,.68);color:#fff;font-size:9px;font-weight:700;letter-spacing:.7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolio-card-action{position:absolute;right:12px;bottom:12px;width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#2b5f9b;color:#fff;opacity:0;transform:translateY(8px);transition:all .3s ease}.portfolio-card:hover .portfolio-card-action{opacity:1;transform:translateY(0)}.portfolio-card-body{padding:19px}.portfolio-logo{width:58px;height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e3e9f0;border-radius:11px;background:#fff}.portfolio-logo img{width:82%;height:82%;display:block;object-fit:contain}.portfolio-project-name{min-width:0}.portfolio-project-name>span{color:#8b96a7;font-size:9px;font-weight:700;letter-spacing:1.2px}.portfolio-project-name h3{margin:5px 0 0;overflow:hidden;color:#172033;font-size:17px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.portfolio-divider{height:1px;margin:17px 0 13px;background:#edf1f5}.portfolio-tech{gap:6px}.portfolio-tech span{min-height:25px;padding:5px 8px;display:inline-flex;align-items:center;gap:4px;border:1px solid #e6ebf1;border-radius:5px;background:#fafbfd;color:#68778b;font-size:9px;font-weight:500}.portfolio-tech svg{color:#2b5f9b}.portfolio-capabilities{max-width:1400px;margin:110px auto 0}.portfolio-section-heading{margin-bottom:34px}.portfolio-section-heading h2{max-width:720px;margin:0;color:#172033;font-size:clamp(34px,4vw,48px);font-weight:700;line-height:1.08;letter-spacing:-1.8px}.portfolio-section-heading h2 span{display:block;color:#2b5f9b}.portfolio-section-heading p{max-width:440px;margin:0 0 3px auto;color:#6b7890;font-size:14px;font-weight:400;line-height:1.8}.portfolio-capabilities-grid{overflow:hidden;border:1px solid #dce5ef;border-radius:17px;background:#fff}.portfolio-capability{min-height:290px;padding:27px 25px;border-right:1px solid #e4eaf1;border-bottom:1px solid #e4eaf1;transition:background .25s ease,transform .25s ease}.portfolio-capability:hover{background:#f8fbff}.portfolio-capability-top{margin-bottom:45px}.portfolio-capability-top>span{color:#a1acbb;font-size:11px;font-weight:700}.portfolio-capability-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edf4fb;color:#2b5f9b}.portfolio-capability h3{margin:0 0 11px;color:#172033;font-size:20px;font-weight:600}.portfolio-capability p{max-width:270px;margin:0;color:#718096;font-size:13px;font-weight:400;line-height:1.75}.portfolio-small-line{width:42px;height:2px;margin-top:24px;background:#2b5f9b}.portfolio-process{max-width:1400px;margin:110px auto 0}.portfolio-process-grid{overflow:hidden;border:1px solid #dce5ef;border-radius:17px;background:#fff}.portfolio-process-item{position:relative;min-height:285px;padding:27px 25px;border-right:1px solid #e4eaf1;border-bottom:1px solid #e4eaf1;transition:background .25s ease}.portfolio-process-item:hover{background:#f8fbff}.portfolio-process-number{color:#a1acbb;font-size:11px;font-weight:700}.portfolio-process-icon{width:44px;height:44px;margin:37px 0 25px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edf4fb;color:#2b5f9b}.portfolio-process-item h3{margin:0 0 10px;color:#172033;font-size:20px;font-weight:600}.portfolio-process-item p{max-width:270px;margin:0;color:#718096;font-size:13px;font-weight:400;line-height:1.75}.portfolio-process-arrow{position:absolute;right:24px;bottom:25px;color:#2b5f9b}.portfolio-cta{max-width:1400px;margin:110px auto 0;padding:52px 55px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 85% 20%,rgba(82,139,202,.22),transparent 32%),#10243b}.portfolio-cta-content>span{color:#9ec4f5;font-size:10px;font-weight:700;letter-spacing:1.8px}.portfolio-cta h2{margin:13px 0 14px;color:#fff;font-size:clamp(36px,4vw,52px);font-weight:700;line-height:1.08;letter-spacing:-1.8px}.portfolio-cta h2 span{color:#8fb9e9}.portfolio-cta p{max-width:600px;margin:0;color:rgba(255,255,255,.68);font-size:14px;font-weight:400;line-height:1.8}.portfolio-cta-button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;background:#2b5f9b;color:#fff;font-size:12px;font-weight:600;text-decoration:none;transition:all .25s ease}.portfolio-cta-button:hover{background:#3b73b5;color:#fff;transform:translateY(-2px)}@media (max-width:1199px){.portfolio-section{padding:60px 20px 80px}.portfolio-card-image{height:225px}.portfolio-capability,.portfolio-process-item{min-height:270px}}@media (max-width:767px){.portfolio-section{padding:45px 15px 65px}.portfolio-intro h2{font-size:35px;letter-spacing:-1.3px}.portfolio-intro p{margin-top:18px;font-size:14px}.portfolio-stat{margin-left:0!important}.portfolio-toolbar{margin-top:30px}.portfolio-filters{width:100%;overflow-x:auto;border-radius:8px}.portfolio-filters button{padding:0 14px;white-space:nowrap}.portfolio-card-image{height:230px}.portfolio-section-heading h2{font-size:34px;letter-spacing:-1.2px}.portfolio-section-heading p{margin:0;font-size:13px}.portfolio-capabilities,.portfolio-cta,.portfolio-process{margin-top:75px}.portfolio-capability{min-height:auto;padding:23px;border-right:0}.portfolio-capability-top{margin-bottom:35px}.portfolio-process-item{min-height:auto;padding:23px;border-right:0}.portfolio-process-icon{margin-top:28px}.portfolio-cta{padding:35px 25px;border-radius:18px}.portfolio-cta h2{font-size:35px}.portfolio-cta-button{width:100%}}@media (max-width:425px){.portfolio-section{padding-left:12px;padding-right:12px}.portfolio-intro h2{font-size:31px}.portfolio-card-image{height:210px}.portfolio-card-body{padding:16px}.portfolio-project-name h3{font-size:16px}.portfolio-tech span{font-size:8px}.portfolio-section-heading h2{font-size:30px}}