*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f7f7f8;color:#111}nav,main{max-width:1180px;margin:auto;padding:20px}nav{display:flex;justify-content:space-between}a{text-decoration:none;color:inherit}.hero{padding:70px 20px}.hero h1{font-size:clamp(42px,7vw,80px)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}article{background:#fff;border:1px solid #e5e5e5;border-radius:22px;padding:16px}.device{height:170px;border-radius:18px;background:#e5e5e5;display:grid;place-items:center;font-size:60px}input{padding:14px;width:100%;border:1px solid #ddd;border-radius:14px}