body{margin:0;font-family:system-ui,sans-serif;color:#0f172a}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}header{border-bottom:1px solid #e2e8f0}.topbar{display:flex;justify-content:space-between;align-items:center;height:72px}.topbar nav a{margin-left:20px;color:#334155;text-decoration:none}.button{background:#0ea5e9;color:#fff;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:600}.hero{padding:72px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:44px;margin:0 0 12px}.hero img{width:100%;border-radius:20px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:40px 0 72px}.feature{padding:24px;background:#f0f9ff;border-radius:14px}.services-list{display:grid;gap:16px;padding:40px 0}.service{display:grid;grid-template-columns:1fr auto;gap:12px;padding:20px;border:1px solid #e2e8f0;border-radius:12px}.price{font-weight:700;color:#0ea5e9;white-space:nowrap}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.team img{width:100%;border-radius:12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px 0}footer{background:#0f172a;color:#94a3b8;padding:32px 0;font-size:14px}@media(max-width:720px){.hero,.features,.team,.contact{grid-template-columns:1fr}}.contact form{display:grid;gap:10px;margin-top:24px;max-width:420px}.contact form h2{margin:0 0 4px}.contact input,.contact textarea{font:inherit;padding:10px 12px;border:1px solid #d9dad5;border-radius:8px;width:100%;box-sizing:border-box}