*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:#1f2937;background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.topbar{background:#e5e7eb;font-size:15px}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:55px}
.topbar span{margin-right:22px}.soc{display:flex;gap:22px;align-items:center}.soc a{font:700 18px/1 Arial,sans-serif}
.li{color:#fff;background:#0a66c2;border-radius:4px;padding:3px 5px;font-size:14px!important}.ig{color:#e1306c}
nav{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}nav .wrap{display:flex;justify-content:space-between;align-items:center;min-height:72px}
.brand{font-size:26px}.links a{font-size:18px;padding:0 6px}.links a+a:before{content:"|";margin-right:8px;color:#6b7280}
.links a.on{font-weight:bold}.burger{display:none;background:none;border:0;font-size:28px;cursor:pointer}
.hero{background:linear-gradient(90deg,#e5e7eb,#9ca3af);padding:57px 0;margin:0 0 70px}
.hero .wrap{display:flex;align-items:center;gap:48px;padding-left:90px}
.hero img{width:335px;height:335px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.hero h1{color:#fff;font-size:52px;margin:0 0 20px}.hero p{color:#4b5563;font-size:22px;margin:0 0 12px;max-width:650px}
.contact{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;margin-bottom:80px}
.card{background:#f8f9fb;border-radius:20px;padding:36px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.card h2{margin:0 0 20px;font-size:26px}label{display:block;margin:14px 0 6px;color:#374151}
input,textarea{width:100%;padding:14px;border:1px solid #d1d5db;border-radius:8px;font:inherit;background:#fff}textarea{min-height:130px}
button.send{margin-top:20px;background:#374151;color:#fff;border:0;border-radius:8px;padding:14px 30px;font:inherit;cursor:pointer}
.det{text-align:center}.det p{margin:14px 0}.det a{color:#2563eb}
.jh{text-align:center;padding:80px 0 20px}.jh h1{font-size:56px;margin:0;background:linear-gradient(90deg,#334155,#475569);-webkit-background-clip:text;color:transparent}
.jh p{font-size:22px;color:#4b5563}.jbg{background:#f3f5f9;padding:30px 0 90px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}
.jc{background:#fcfdfe;border:1px solid #e5e7eb;border-radius:32px;padding:38px 30px;text-align:center}
.ic{width:66px;height:66px;border-radius:16px;margin:0 auto 26px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.tags span{display:inline-block;border-radius:20px;padding:4px 16px;font-size:15px;margin:0 5px;background:#f0f1f4;color:#4b5563}.tags span:first-child{background:#fff;color:#000;font-weight:bold;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.jc h3{font-size:20px;margin:22px 0 8px}.jc p{color:#4b5563;margin:0}
.proj{max-width:800px;margin:50px auto}.pj{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.12);margin-bottom:40px}
.pb{height:233px;display:flex;align-items:center;padding:0 45px;color:#fff}.pj p{margin:0;padding:22px 20px;font-size:19px;color:#374151}
.p1{background:#1a1a1a;font:700 46px/1.1 Georgia,serif}.p2{background:linear-gradient(135deg,#b8860b,#f2c23c,#c8991b);color:#1a1a1a;justify-content:center;text-align:center;font:700 50px/1.05 Georgia,serif}
.p3{background:linear-gradient(#1b5a97,#4a7fb0);flex-direction:column;justify-content:flex-start;padding-top:10px;font:300 42px Arial,sans-serif;text-align:center}.p3 small{font-size:17px;max-width:600px;display:block}
.car{position:relative;max-width:1280px;margin:30px auto;height:233px;border-radius:14px;overflow:hidden;background:#1a1a1a;box-shadow:0 20px 40px rgba(0,0,0,.2)}
.sl{position:absolute;inset:0;opacity:0;transition:opacity .6s;display:flex;justify-content:center;background:#2a1a24}.sl.on{opacity:1}
.sl img{height:100%;max-width:100%;object-fit:cover}.cap{position:absolute;left:20px;bottom:18px;color:#fff;font-size:15px;font-weight:bold;text-shadow:0 1px 4px #000;max-width:80%}
.cap small{display:block;font:400 12px Arial,sans-serif;color:#c7d2fe}.cap b{display:inline-block;background:#6366f1;border-radius:14px;padding:3px 12px;font:700 12px Arial;margin-bottom:8px}
.ar{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.25);color:#fff;font-size:20px;cursor:pointer;z-index:2}
.about{text-align:center;padding:50px 0 40px}.about .pt{width:348px;height:249px;object-fit:cover;border-radius:6px;box-shadow:0 5px 14px rgba(0,0,0,.2)}
.about h2{font-size:30px;margin:26px 0 12px}.about h4{font-size:15px;margin:0 0 22px}.about p{text-align:left;font-size:15px;max-width:1200px;margin:0 auto 14px}
.svc{background:#f3f4f6;padding:50px 0}.svc .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.svc .card{background:#fff;text-align:center;padding:40px 30px}
.svc h3{font-size:26px;margin:14px 0 8px}.svc p{color:#4b5563;margin:0}.dot{font-size:50px}
footer{background:#e5e7eb;padding:50px 0 20px}footer .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}
footer h3{font-size:26px;margin:0 0 20px}footer p{margin:0 0 14px}footer .cp{text-align:center;padding-top:30px;font-size:15px}
@media(max-width:900px){.wrap{padding:0 20px}.links,.topbar span.m{display:none}.burger{display:block}.links.open{display:flex;flex-direction:column;position:absolute;right:20px;top:120px;background:#fff;padding:14px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.hero .wrap{flex-direction:column;padding-left:20px;text-align:center}.hero img{width:240px;height:240px}.contact,.grid,.svc .wrap,footer .wrap{grid-template-columns:1fr}.jh h1{font-size:36px}.car{margin:20px}.car .cap{font-size:13px}}