.portp{--ink:#101827;--muted:#68788c;--navy:#071326;--blue:#2962e9;--cyan:#4dd7df;--line:#dfe6f0;--soft:#f5f7fb}.portp h1,.portp h2,.portp h3,.portp h4{color:var(--ink);letter-spacing:-.045em}.portp p{color:var(--muted);line-height:1.72}.pt-hero{padding:165px 0 90px;background:radial-gradient(circle at 80% 15%,rgba(77,215,223,.2),transparent 25%),linear-gradient(135deg,#061225,#173968);color:#fff}.pt-hero h1{max-width:1050px;color:#fff;font-size:clamp(50px,6.5vw,92px);line-height:.97}.pt-hero p{max-width:780px;color:#bdcad9;font-size:17px}.tag{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--cyan);font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.tag:before{content:"";width:28px;height:2px;background:currentColor}.pt-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.pt-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;font-size:13px;font-weight:850;text-decoration:none}.pt-btn.primary{background:var(--cyan);border-color:var(--cyan);color:#071326}.pt-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}.pt-section{padding:100px 0}.pt-soft{background:var(--soft)}.head{max-width:900px;margin-bottom:42px}.head.center{margin:0 auto 48px;text-align:center}.head h2{font-size:clamp(38px,5vw,68px);line-height:1.03}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}.chip{padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#d8e5f1;font-size:12px;font-weight:750}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.case{overflow:hidden;border:1px solid var(--line);border-radius:27px;background:#fff;transition:.25s}.case:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(24,44,75,.12)}.case img{width:100%;height:300px;object-fit:cover}.case-body{padding:27px}.case-type{color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.case h3{margin:9px 0;font-size:27px}.case-tags{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.case-tags span{padding:7px 10px;border-radius:999px;background:var(--soft);color:#506176;font-size:11px;font-weight:800}.case a{color:var(--blue);font-weight:850;text-decoration:none}.map-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.metric-board{padding:30px;border-radius:28px;background:var(--navy);color:#fff}.metric-board h3{color:#fff}.metric-board p{color:#b9c8d9}.metric{margin-top:20px}.metric-top{display:flex;justify-content:space-between;margin-bottom:8px;color:#dce7f1}.metric-top b{color:var(--cyan)}.track{height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.step{padding:21px;border:1px solid var(--line);border-radius:20px;background:#fff}.step b{color:var(--blue);font-size:12px}.step h4{margin:7px 0}.pt-final{padding:90px 0;background:linear-gradient(120deg,#24427d,#071326);color:#fff}.pt-final h2{max-width:950px;color:#fff;font-size:clamp(40px,5vw,70px)}.pt-final p{max-width:730px;color:#bdcad9}@media(max-width:1000px){.case-grid,.map-grid{grid-template-columns:1fr}}@media(max-width:700px){.pt-hero{padding:140px 0 72px}.pt-section,.pt-final{padding:72px 0}.steps{grid-template-columns:1fr}.case img{height:230px}}

.onpage-pages-portfolio-1{color:var(--blue);}

.onpage-pages-portfolio-2{width:92%;}

.onpage-pages-portfolio-3{width:88%;}

.onpage-pages-portfolio-4{width:76%;}

.onpage-pages-portfolio-5{width:84%;}

.onpage-pages-portfolio-6{color:var(--blue);}