@font-face{font-family:Poppins;src:url(assets/fonts/poppins-400.ttf);font-weight:400}
@font-face{font-family:Poppins;src:url(assets/fonts/poppins-600.ttf);font-weight:600}
@font-face{font-family:Poppins;src:url(assets/fonts/poppins-700.ttf);font-weight:700}
*{box-sizing:border-box}html{background:#050bb8;color:#fff}
body{margin:0;font-family:Poppins,sans-serif}
.wrap{padding:0 4vw;max-width:1500px;margin:0 auto}
a{color:inherit}
header{padding-top:46px}.logo{font-weight:700;font-size:22px;text-decoration:none;letter-spacing:.02em}
.hero h1{font-size:clamp(48px,6.7vw,96px);line-height:1.1;font-weight:700;max-width:60%;margin:150px 0 140px}
.done h2{text-align:center;font-size:clamp(32px,3.5vw,52px);font-weight:700;margin:0 0 90px}
.project{display:grid;grid-template-columns:7fr 4fr;gap:6vw;align-items:center;margin-bottom:110px}
.thumb img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.ptext h4{font-size:20px;line-height:1.6;font-weight:700;margin:0 0 50px;max-width:360px}
.btn{display:inline-block;background:#fff;color:#050bb8;text-decoration:none;font:400 14px Poppins;padding:20px 40px;border:0;cursor:pointer}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding-top:60px;padding-bottom:80px}
.contact h3{font-size:clamp(26px,2.6vw,40px);line-height:1.4;font-weight:700;margin:0;max-width:540px}
form{font-size:14px}.lbl{margin-bottom:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{display:block;margin-bottom:18px}label i{font-style:normal;opacity:.7;font-size:12px;margin-left:4px}
input,textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #ccc;background:#fafafa;font:inherit;color:#000}
textarea{height:120px}
footer{padding-bottom:60px;font-size:16px}
@media(max-width:767px){.hero h1{max-width:100%;margin:60px 0}.project,.contact{grid-template-columns:1fr;gap:30px}}